@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
body,html{height:100%;}
body,html{font-size:1.4rem;margin:0;padding:0;font-family:'PingFang SC ',Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei","微软雅黑",STHeiti,"华文细黑",sans-serif;-webkit-font-smoothing:antialiased;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:62.5%; color:#333}
em,i,b,span{ font-weight:normal; font-style:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
select,input{vertical-align:middle}
.clear { display:block !important; clear:both !important; float:none !important; margin:0 !important; padding:0 !important; height:0; line-height:0; font-size:0; overflow:hidden;}
.clearfix { zoom:1; }
.clearfix:after { content:""; display:block; clear:both; height:0; }
.spacer{clear:both; font-size:0; height:0; line-height:0;}
a{color:#3c3c3c;text-decoration:none}
a:hover{color:#000; cursor:pointer;}
img,input,label{vertical-align:middle;}/*垂直居中*/
.fl { float:left;}
.fr { float:right;}
.main{ width:100%; height:auto; overflow:hidden; margin:0 auto; max-width:640px;}
.topbar{ width:100%; height:auto; overflow:hidden; background:#54697e; position:relative}
a.logo img{ width:150px; height:auto; padding:18px 0 16px 0px; }
a.tel img{ width:160px; height:auto; padding:11px 15px 10px 0}

@media (max-width:320px) {
a.logo img {width: 145px;height: auto;padding: 16px 0px 14px 2px;}
a.tel img{width: 160px;height: auto;padding: 9px 5px 6px 0;}
}
/* main_image */
.main_visual{ width:100%;height:234px;overflow:hidden;position:relative;}
.main_image{ width:100%;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 a{display:block;width:100%;height:1005}
.main_image li img{ width:100%; height:auto}
div.flicking_con{position:absolute;bottom:2px;left:50%;z-index:999;width:84px;height:21px;margin-left:-42px;}
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 -15px; background-size:15px; margin-top:3px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:33px!important;height:34px!important;top:50%;margin-top:-16px;display:none;filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:5px; background-size:33px}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:5px;background-size:33px}

.mainnav{ width:100%; height:auto; overflow:hidden; padding-top:18px; padding-bottom:7px; border-bottom:0px solid #f3f3f3; float:left}
.mainnav a{ float:left; width:25%; height:80px;padding:2px 0;text-align:center}
.mainnav a img{ width:48px;}
.mainnav a span{ width:100%; height:32px; overflow:hidden; float:left; line-height:32px; font-size:1.4rem; color:#666}

.urhere{ background:#54697e; height:30px; width:100%;line-height:30px; color:#fff; padding-left:10px; overflow:hidden; font-size:1.4rem}
.urhere a{ color:#fff; font-size:1.4rem;}
.urhere h1{ color:#fff; font-size:1.4rem; display:inline}
.urhere img{ float:left; margin-top:6px}


.htitle{ width:100%; height:37px; line-height:37px; float:left; padding-left:13px; font-size:1.7rem; color:#1e1e1e; font-weight:bold; border-bottom:0px solid #f3f3f3;
background: -webkit-linear-gradient(top,#fff,#ededed);
    background: -moz-linear-gradient(top,#fff,#ededed);
    background: -o-linear-gradient(top,#fff,#ededed);
    background: #ccc none\9;
}
.htitle:before {
      content: "";
   display: block;
position: absolute;
left: -50%;
width: 200%;
height: 1px;
background: #f5c132;
-webkit-transform:scale(0.5);
    }
.htitle1{ width:100%; height:37px; line-height:37px; float:left; text-align:center;font-size:1.8rem; letter-spacing:1px; background:#1e1e1e; color:#fff; font-weight:bold; border-bottom:0px solid #f3f3f3;}
.more{width:100%; height:47px; line-height:47px; float:left; text-align:center; font-size:1.6rem; color:#999;  border-bottom:1px solid #f3f3f3}

.subnav{width:100%; height:auto; overflow:hidden; border-bottom:1px solid #d8d8d8; float:left; position:relative}
.subnav a{ float:left; width:33.33%; height:70px; position:relative }
.subnav a i{ width:30%; height:70px; float:left; }
.subnav a i img{ width:28px; padding:19px 0; margin-left:6px}
.subnav a span{ width:70%; height:70px; overflow:hidden; float:left; overflow:hidden; line-height:70px;font-size:1.5rem;  text-align:center }
.subnav a span.lh1{ line-height:20px; padding-top:15px}
.subnav a:before {
      content: "";
   display: block;
position: absolute;
top: -50%;
height: 200%;
width: 1px;
background: #d8d8d8;
-webkit-transform:scale(0.5);
    }
.subnav a:after {
      content: "";
   display: block;
position: absolute;
left: -50%;
width: 200%;
height: 1px;
background: #d8d8d8;
-webkit-transform:scale(0.5);
    }
.subnav:after {
      content: "";
   display: block;
position: absolute;
top: -50%; right:0;
width: 1px;
height: 200%;
background: #d8d8d8;
-webkit-transform:scale(0.5);
    }
.pbox{ width:100%; height:auto; float:left; overflow:hidden}
.pbox img{ max-width:100%}
.tabs{ width:100%; height:43px; float:left; position:relative}
.tabs span{ width:25%; height:42px; float:left; border-bottom:1px solid #f3f3f3; color:#999; font-size:1.5rem; line-height:42px; text-align:center; cursor:pointer}
.tabs span.on{border-bottom:2px solid #1e1e1e; color:#1e1e1e;}
.tabs a{ width:50%; height:42px; float:left; border-bottom:1px solid #f3f3f3; color:#999; font-size:1.7rem; line-height:42px; text-align:center; cursor:pointer}
.tabs a.on{border-bottom:2px solid #5280cb; color:#5280cb;}
.mytabs{ width:100%; height:35px; float:left; position:relative}
/*.mytabs a{ width:25%; height:35px; float:left; color:#0d89e5; font-size:1.4rem; line-height:35px; text-align:center; position:relative}*/
.mytabs a{ width:25%; height:35px; float:left; color:#333; font-size:1.4rem; line-height:35px; text-align:center; position:relative}
.mytabs a:before {
      content: "";
   display: block;
position: absolute;
top: -50%;
height: 200%;
width: 1px;
background: #d8d8d8;
-webkit-transform:scale(0.5);
    }
.mytabs a:after {
      content: "";
   display: block;
position: absolute;
left: -50%;
width: 200%;
height: 1px;
background: #d8d8d8;
-webkit-transform:scale(0.5);
    }
.mytabs:after {
      content: "";
   display: block;
position: absolute;
top: -50%; right:0;
width: 1px;
height: 200%;
background: #d8d8d8;
-webkit-transform:scale(0.5);
    }
.mytabs:before {
       content: "";
   display: block;
position: absolute;
left: -50%;
width: 200%;
height: 1px;
background: #d8d8d8;
-webkit-transform:scale(0.5);
    }

.infotabs a{ width:33.33%; height:42px; float:left; border-bottom:1px solid #f3f3f3; color:#999; font-size:1.7rem; line-height:42px; text-align:center; cursor:pointer}
.infotabs a.on{border-bottom:2px solid #5280cb; color:#5280cb;}
.newslist{ width:100%; height:auto; overflow:hidden; float:left; padding-top:15px; border-bottom:1px solid #d8d8d8}
.newslist li{ width:100%; height:42px; line-height:42px; float:left; overflow:hidden; padding-left:15px; padding-right:15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-bottom:1px dashed #d8d8d8;}
.newslist li:last-child{ border:0}
.newslist li.top{ width:100%; height:auto; padding-left:15px; padding-right:15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.newslist li a{ font-size:1.5rem; color:#444; display:block; float:left; width:100%; white-space:nowrap;text-overflow: ellipsis; overflow:hidden}
.newslist li a.img{ text-align:center; float:left; width:100%; height:auto; overflow:hidden}
.newslist li a.img img{ width:100%; height:auto}
.newslist li.top a.title{ float:left; width:100%; height:45px; line-height:45px; overflow:hidden; color:#799bd4; white-space:normal; font-size:1.7rem;  text-align:center}
.tabcont{ display:none; width:100%; height:auto; overflow:hidden; float:left}
#tabcont1,#tb1{ display:block}

.chin img{
	max-width:100%;
}
.caselist{ width:100%; height:auto; overflow:hidden; float:left;}
.caselist li{ width:94%; height:75px; margin:0 3%; float:left; overflow:hidden; border-bottom:1px solid #d8d8d8; padding:10px 0}
.caselist a.img{ width:105px; height:75px; float:left; overflow:hidden}
.caselist a.img img{ width:105px; height:75px;}
.caselist .R_info{  margin-left:115px;height:75px; overflow:hidden}
.caselist a.title{ float:left; font-size:1.6rem; height:21px; line-height:21px; overflow:hidden; color:#1e1e1e;}
.caselist .R_info span{height:44px; line-height:22px; font-size:1.4rem; color:#666; float:left; overflow:hidden; padding-top:5px}
.caselist li.ctitle{ height:45px; line-height:45px; font-size:1.6rem; color:#1e1e1e; padding:0}
.caselist li.ctitle3{height:40px; width:80%; margin-left:10%; text-align:center; border:0}
.caselist h2{ float:left; width:100%; height:auto; overflow:hidden; float:left}
.caselist h2 a{ float:left;width:100%; height:40px; background:url(../images/line2.png) center center no-repeat; line-height:34px; color:#32a42c; font-size:2.0rem;text-align:center; margin:10px 0; margin-bottom:0}
.caselist2{ width:100%; height:auto; overflow:hidden; float:left; margin-bottom:20px}
.caselist2 li{ width:94%; height:75px; margin:0 3%; float:left; overflow:hidden; border-bottom:1px solid #d8d8d8; padding:10px 0}
.caselist2 a.img{ width:75px; height:70px; float:left; overflow:hidden}
.caselist2 a.img img{ width:auto; height:75px;}
.caselist2 .R_info{  margin-left:85px;height:75px; overflow:hidden}
.caselist2 a.title{ float:left; font-size:1.7rem; height:auto; line-height:21px; overflow:hidden; color:#1e1e1e;}
.caselist2 .R_info span{height:44px; line-height:22px; font-size:1.4rem; color:#999; float:left; overflow:hidden; padding-top:8px}
.caselist2 li.ctitle{ height:45px; line-height:45px; font-size:1.6rem; color:#019fbe; padding:0}

.caselist3{ width:100%; height:auto; overflow:hidden; float:left; margin-bottom:20px}
.caselist3 li{ width:92%; height:auto; margin:0 4%; float:left; overflow:hidden; border-bottom:1px dashed #d8d8d8; padding:5px 0}
.caselist3 a.title{ float:left;font-size:1.8rem; width:100%;height: auto; line-height:22px;overflow:hidden; color:#222; padding-top:2px}
.caselist3 span{height:25px; line-height:25px; width:100%; font-size:1.4rem; color:#999; float:left; overflow:hidden; text-align:left}

.catsumm{ width:92%; height:105px; overflow:hidden; float:left; margin:10px 4%; margin-bottom:0; font-size:1.4rem; color:#666; line-height:23px;  padding-bottom:8px; }
.catsumm span{ color:#333; font-weight:bold}
.catsumm h2{ width:100%; height:40px; background:url(../images/line.png) center center no-repeat; line-height:30px; color:#32a42c; font-size:2.0rem;text-align:center}
.catsumm h1{ width:100%; height:40px; background:url(../images/line.png) center center no-repeat; line-height:30px; color:#32a42c; font-size:2.0rem;text-align:center}
.shensuo{ width:100%; height:12px; float:left; overflow:hidden;background:url(../images/down.png) center center no-repeat; margin-bottom:15px; cursor:pointer}
.shensuo2{background:url(../images/up.png) center center no-repeat;}
.lines{ width:92%; height:0px; margin:0 4%; float:left; border-bottom:1px dashed #d8d8d8}

.piclist{ width:100%; margin:0 0%; height:auto; overflow:hidden; float:left;border-bottom:1px solid #d8d8d8}
.piclist h3{height:45px; line-height:22px; font-size:1.6rem; color:#1e1e1e; padding:0;  padding:5px 10px; display:table-cell; vertical-align:middle}
.piclist h2 a{ width:100%; height:40px; background:url(../images/line2.png) center center no-repeat; line-height:34px; color:#32a42c; font-size:2.0rem;text-align:center; margin:10px 0}
.piclist a{ width:50%; height:auto; padding:0 10px 8px 10px; float:left; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.piclist a i{ width:100%; height:auto; overflow:hidden; float:left; text-align:center}
.piclist a i img{ width:146px; height:108px;}
.piclist a span{ width:100%; height:40px; padding-top:8px; float:left; text-align:center; line-height:20px; font-size:1.4rem; color:#666; overflow:hidden}
.liebiao{ margin:15px 0;}
.liebiao a i{ height:108px; overflow:hidden}
.liebiao a i img{ height:auto}

.copyright{ width:100%; height:auto; float:left; padding:10px 0 90px 0; text-align:center; border-top:1px solid #d8d8d8}
.copyright a{ font-size:1.7rem; color:#1e1e1e; line-height:35px}
.copyright p{ color:#444; font-size:1.4rem; line-height:20px}
.dizhi{ font-size:1.4rem; line-height:20px; text-align:left; width:92%; margin:15px 4%; border-bottom:1px dashed #d8d8d8; border-top:1px dashed #d8d8d8; padding-top:10px; padding-bottom:10px; color:#999; height:auto; overflow: hidden; float:left;}
.dizhi span{ color:#1e1e1e; font-weight:bold;}
.dizhi .jiange{ width:100%; height:10px; float:left}
.mainfoot{ width:100%; height:66px; background:#fff; position:fixed; left:0; bottom:0; z-index:10000; border-top:1px solid #ccc}
.mainfoot a{ width:20%; height:auto; padding-top:10px; float:left; overflow:hidden}
.mainfoot a i{ width:100%; height:20px; float:left; overflow:hidden; text-align:center}
.mainfoot a img{ width:22px; height:auto; margin:0 auto;max-height:20px}
.mainfoot a span{ width:100%; height:35px; float:left; line-height:35px; font-size:1.4rem; color:#666; text-align:center}
.daohang{ width:50%; height:auto; overflow:hidden; position:fixed; left:0; bottom:65px; background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:0 10px;box-shadow: 0px 2px 14px #b4b4b4; z-index:9999; display:none}
.daohang ul{ width:100%; height:auto; overflow:hidden; float:left}
.daohang ul li{ width:100%; height:40px; line-height:40px; float:left; border-bottom:1px solid #ddd}
.daohang ul li a{ color:#666; font-size:1.4rem; width:100%; height:40px; float:left; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding-left:18%}
.daohang ul li a img{ width:15px; height:auto; float:left; margin-top:13px; margin-right:10px}
.pagination{ margin-bottom:20px; float:left; width:100%; height:auto; overflow:hidden}
.pagination li{display: inline-block;}
.pagination li.thisclass{ background:#51CBE3;border-radius: 5px;    line-height: 1.2;padding: 0.5em 1em;color:#fff;}
.pagination li a{     
	position: relative;
    display: block;
    padding: .5em 1em;
    text-decoration: none;
    line-height: 1.2;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
}
.fanhui{ background:#28ccec; height:38px; line-height:38px; text-align:center; color:#fff; font-size:1.8rem;}
.fanhui img{ float:left; margin:10px 0 0 10px; width:10px}
.myh1{ font-size:2.0rem; width:100%; height:auto; overflow:hidden; float:left; line-height:27px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:12px 10px; padding-bottom:5px}
.ainfo{ width:100%; height:30px; line-height:30px; text-align:center; float:left; font-size:1.4rem; color:#666; padding-bottom:10px}
.content{width: 100%;float: left;box-shadow: 0px 2px 14px #cac9c9; height:auto; overflow:hidden; padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.content p{
	font-size: 1.4rem;
	margin: 0 0 1.6rem 0;
	line-height: 1.8em;
}
.content img{ max-width:100%;}
.preNext{width:100%; padding:10px; height:auto; overflow:hidden; float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding-top:20px}
.preNext ul{ width:100%; height:auto; overflow:hidden; float:left}
.preNext li{ width:100%;float:left; line-height:23px; padding:5px 0; font-size:1.6rem}
.preNext li a{ font-size:1.6rem}

.hotlist{ width:100%; height:auto; overflow:hidden; float:left; padding-top:5px;}
.hotlist li{ width:100%; height:auto; line-height:27px; float:left; overflow:hidden; padding:5px 15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border-bottom:1px solid #d8d8d8; background:url(../images/jian.jpg) no-repeat 97% center; background-size:8px}
.hotlist li a{ font-size:1.7rem; color:#4d4f51; display:block; float:left; width:100%; white-space:nowrap;text-overflow: ellipsis; overflow:hidden}
.hotlist li span{ font-size:1.4rem; color:#999}
.hotlist li:last-child{ border:0}

.aliucheng a{ font-size:1.6rem}
.about_icon{ width:95%; height:auto; overflow:hidden; float:left; margin-left:2.5%; padding-top:15px; padding-bottom:8px; margin-bottom:10px; border-bottom:1px solid #d8d8d8}
.about_icon a{ width:25%; height:auto; overflow:hidden; float:left; text-align:center}
.about_icon a img{ width:40px; height:auto}
.about_icon a span{ width:100%; height:35px; line-height:35px; font-size:1.4rem; color:#333; float:left; text-align:center}
.about_icon a span.on{ color:#42bde8; font-weight:bold}

/*.ui-navigator {
    display: -webkit-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.ui-navigator .ui-navigator-list, .ui-navigator .ui-navigator-fix {
    display: -webkit-box;
    -webkit-box-flex: 1;
}

.ui-navigator .ui-navigator-list li{
    -webkit-box-flex: 1;
}

.ui-navigator .ui-navigator-list li a, .ui-navigator .ui-navigator-fix{
    display: -webkit-box;
    -webkit-box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}
.ui-navigator .ui-navigator-wrapper{
    -webkit-box-flex: 1;
}

.ui-navigator .ui-navigator-list, .ui-navigator .ui-navigator-fix {
    display: -webkit-box;
    -webkit-box-flex: 0;      /*去掉-webkit-box-flex属性，可滑动tab不平分*/
}

.ui-navigator .ui-navigator-list li{
    -webkit-box-flex: 0;
}
.ui-navigator {
    width: 100%;
    background:#fff;
}
.ui-navigator .ui-navigator-list li a, .ui-navigator .ui-navigator-fix{
    padding: 0.7em 15px;
    font-size: 16px;
    color: #666;
    text-decoration: none;
    outline: none;
    font-family: "微软雅黑" "黑体" ;
    text-align: center; border-bottom:01px solid #d8d8d8
}
/*css for pad*/
@media all and (min-device-width: 768px) and (max-device-width: 1024px){
    .ui-navigator .ui-navigator-list li a, .ui-navigator .ui-navigator-fix{
        font-size: 18px;
    }
}

.ui-navigator .ui-navigator-list li a.cur, .ui-navigator .ui-navigator-fix.cur{
    background:#fff; color:#1e1e1e; border-bottom:2px solid #222; font-weight:bold;
}
.ui-navigator-fixleft img{ width:10px; margin-right:3px}
.ui-navigator .ui-navigator-shadowr, .ui-navigator .ui-navigator-shadowl {
    /*gmu-image-self*/background: url('../images/nav.png') right -44px no-repeat;
}

.ui-navigator .ui-navigator-shadowl{
    /*gmu-image-self*/background-position: 0 0;
}

.ui-navigator .ui-navigator-shadowall {
    /*gmu-image-self*/background: url('../images/nav.png') 0 0 no-repeat, url('../images/nav.png') right -44px no-repeat;
}