@charset "utf-8";
/* Style Reset */
*{font-family:"Microsoft Yahei",Arial;}
@font-face{font-family:"iconfont";src:url('iconfont.woff') format('woff'),url('iconfont.ttf') format('truetype');}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.clear-fix:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
body{color:#000; font-family:'microsoft yahei';width:100%; overflow-x:hidden;}
body,p ,h1,ul,li,.ui-content{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px; color:#000; font-family:'microsoft yahei'}
.clear { clear:both; }
.fr{ float:right}
.fl{ float:left}
img {display: block;max-width: 100%;border: 0;}
/* header*/
.header{width:100%;background:#333; position:relative}
.logo{  display: block;width: 75%; padding:0.5em 0;margin: 0 auto; }
.logo img{ width:87%; margin:0 auto;}
.seabut,.backbut,.menu_but{height:100%;width:13%;text-align:center;display:block;position:absolute;left:0%;top:0;font-size:2.5em;cursor:pointer;color:#f5a30f;line-height:2em;}
.backbut{  -webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);transform: rotate(270deg);}
.menu_but{ left:auto; right:0;}
.viewtitle{  font-size: 1.5em; width:74%; margin:0 auto; text-align:center;line-height: 2.7em;color: #f5a30f;font-weight: bold; background:#333;}
.classbut{position:absolute; width:44%; text-align:center; padding-top:3%; text-align:center;color:#fff; top:0; font-size:1.3em; right:0;}
.classbut img{ width:13%; margin-right:2px;vertical-align:middle;}
#modal { display:none; }
#pageslide { display:none; background:#181818;position: absolute;position: fixed;top: 0;width:50%; max-width:320px; height:100%;z-index: 999999;}
.nav-in a{display:block;line-height:3; font-size:1.2em;color:#b5b5b5;border-bottom:1px solid #000}
.nav-in p{display:block;color:#fff; line-height:1.8; text-align:center; font-weight:bold;font-size:1.3em; }
.nav-in p font{ color:#7a7970; font-family:'Impact'; font-weight:normal;}
.nav-in p em{ width:100%; display:block;border-top:1px solid #000; border-bottom:1px solid #000; height:3px;}
.nav-in p span{ padding:5% 0; display:block; color:#c1bfb2;}
.nav-in li{ text-align:center;}
.searcharea{ float:left; display:none; z-index:9;position:absolute;width:100%;padding:2% 0; background:#ccc;}
.search_but{ float:right;width:13.3%;font-family:'microsoft yahei'; border:0;font-size:1.1em;margin-right:1.5%;color:#161b2c; height:32px; line-height:32px;background:#fafafa}
.search_txt{ float:left;height:32px; line-height:32px; padding:0% 0 0% 4% ;color:#6e6d6d; font-size:1.1em; width:77%;margin-left:2%;font-family:'microsoft yahei';border:0;}
/*index*/
/* banner*/
.mod-slide .slide-in{position:relative;overflow:hidden; width:2000px;}
.mod-slide .slide-in > div{float:left;position:relative;width:20%;font-size:0;text-align:center;}
.mod-slide .slide-in > div img{display:inline-block; width:100%;}
.mod-slide .slide-pos{position:absolute;left:0;bottom:0;z-index:9999;width:100%;padding:1% 0;text-align:center;}
.mod-slide .slide-pos li{display:inline-block;width:0.75em;height:0.75em;margin:0 0.4em;background:#333; border-radius:1.5em;}
.islide{width:93.75%; overflow:hidden;margin:3% auto; position:relative}
.slide-pos li.on{ background:#f5a30f}
.ititle{width:100%; clear:both;text-align:center; color:#000; margin:3% 0;font-size:1.3em;}
.ititle p{ position:relative;font:bold 1.1em/1 'Microsoft Yahei'; }
.ititle font{overflow:hidden; color:#f5a30f;text-transform:uppercase;display:block; font:1.3em/1.3 Arial, Helvetica, sans-serif;}
.more{width:93.75%; margin:3% 3.125%;background:#f5a30f; border-radius:6px;  color:#fff;  float:left; text-align:center; line-height:2.3;}
.inav{position:relative;width:100%;line-height:2em;margin:0% auto 3%;background:#f6f5f1;padding:5% 0;}
.inav-son{float:left;display:block;width:25%;text-align:center;color:#3d3d3d;}
.inav-son > .in{position:relative;width:2em;display:inline-block;font-size:2.5em;height:2em;line-height:2em;border-radius:50%; background:#f5a30f;color:#fff;}
.inav-son:hover .in{color:#FFF;background:#333;}
.news{ width:100%;}
.newsmain{ padding:0 3.125%; width:93.75%;}
.newsbg{ width:100%; text-align:center;}
.newsbg img{ width:32.1%; margin:0 auto; display:block;}
.news_t{ width:50.5%;padding:0 8%; margin-bottom:3%; display:block;background:url(../images/news_t.gif) no-repeat 0 0; background-size:100%}
.news_t a{ width:100%; font-size:1.3em; display:block;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.newsmain p{ color:#777; line-height:1.6; margin-bottom:2%;}
.newstip{ margin-bottom:5%;background: -webkit-linear-gradient(left, #fff,#f2f2f0,#fff); line-height:2; color:#000; text-align:center; font-size:1.3em;}
.newstip font{ color:#ca0900; display:block;}
.service{width:100%; margin-top:3%;}
.service li{width:100%;display:inline-block;}
.service li:nth-child(odd){ background:#f5f5f5}
.service li a{float:left; width:92%; line-height:2.6; padding:0 4%;}
.service .time{ color:#999;float:left; width:30%; text-align:center;}
.service .fl{ color:#222; width:70%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float:left;}
.case{width:94%; margin-bottom:3%;padding:0 3% 3%;float:left;background:#f6f5f1;}
.case li{ width:47%; margin:0 1% 2% 1%; display:inline-block;  background:#dedede}
.case li a{width:94%; padding:3%; display:block;margin:0 auto; text-align:center; position:relative; }
.case li img{width:100%;}
.case li p{width:100%;float:left; line-height:2;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;text-align:center; color:#000; }
.content .case{ background:none; width:100%; padding:0;}
.cbtn-cla{position:absolute;right:15%;margin-top:-1.9em;font-size:1.6em;line-height:1em;cursor:pointer;color:#fff;}
.cbtn-cla span{font-size:0.8em; float:right;}
/*foot*/
.topbut{ display:none;background:rgba(245,163,15,0.7);position:absolute;top:-36px; right:0; width:30px; height:36px;z-index:99;}
.topbut span{ display:block; width:30px; height:31px; padding-top:5px;text-align:center; font-size:2em;}
.foot{ float:left; z-index: 99;position: fixed;; bottom:0;;width:100%;background:#111321;color:#FFF;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-top:1 solid #fff;}
.foot a{width:25%;float:left;display:block;color:#fff;font:2em/1 "Microsoft Yahei";text-align:center;padding:0.125em 0;cursor:pointer;}
.foot a > span{display:block;font:0.5em/1.5 "Microsoft Yahei";}

/*view*/
.view_title{text-align:center; width:100%; float:left;font-size:1.4em; color:#000;margin-bottom:3%;}
center img{width:80%;display:block; margin:0 auto 3%}
center{ clear:both;}
.content{ float:left;z-index:0; width:97%; padding:3% 1.5%; text-align:justify;line-height:180%;  min-height:300px; font-size:1em; }
.pages{width:100%;margin:0.5em auto; text-align:center; clear:both;;}
.page_change{text-align:center;padding:1.6% 5%; line-height:2; color:#000; font-weight:bold;display:block;margin:0 auto;}
.left,.right,.page_change{ display:inline-block}
.left,.right{text-align:center;padding:1.6% 3%;background:#333;border-radius:4px}
.left img,.right img{ width:13px; vertical-align:middle; display:inline-block; margin:0 auto}
.viewback{ margin:0 auto; width:35.666%; margin-top:30px;}
.viewback a{float:left; padding:2% 0; font-size:16px;width:100%; text-align:center;color:#3a3a3a;background:#f8f8f8;border:1px solid #ececec;}
.pg-a{width:87.5%;margin:0 auto;}
.pg-a a{background:#ccc; color:#222; }
.pg-a a:hover{background:#f5a30f; color:#fff; }
.pg-a .fr .iconfont{  -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg); margin-right:-1em; }
.pg-a .fl .iconfont{ margin-left:-1em; }
.pg_a-son{display:inline-block;margin:1em auto;padding:0 2em;font:1em/3 "Microsoft YaHei";color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;}
.classul{ width:100%;}
.classul li{ width:100%; border-bottom:1px solid #ccc; line-height:3;}
.classul li a{ width:90%; padding:0 5%; display:block;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
@media all and (min-width:640px) {
body {max-width: 640px;margin: 0 auto;position: relative;}
}
@media screen and (max-width:540px){
body,html{font-size:16px;}
}
@media screen and (max-width:480px){
body,html{font-size:15px;}
.seabut,.backbut,.menu_but{ line-height:1.6em;}
}
@media screen and (max-width:420px){
body,html{font-size:14px;}
}
@media screen and (max-width:360px){
body,html{font-size:13px;}
}
@media screen and (max-width:320px){
body,html{font-size:11px;}
}


.listpage{ border-radius:5px; background: #333; padding:1% 4%; color:#fff; font-size:1em;}
.listpage2{ padding:10px; }
.listpage a{  color:#fff; }

.hai_ffra{ float:left; width:100%; text-align:center;}
.hai_ffra a{ border-radius:5px; background:#333; padding:1% 4%; color:#fff; font-size:1em;}
.side_nav{ height:50px; z-index:99;position:fixed; bottom:0; width:100%; overflow:hidden; background:#179f86; }
.side_nav dl{ text-align:center; height:50px;}
.side_nav dl a{ display:block; color:#fff; font-size:16px; height:50px;margin-top: 15px;}
.side_nav dl a span{ display:block;text-align:center; height:29px; padding:0px;}
.side_nav dl a span img{ width:26px; height:26px; padding-top:3px;}
.side_nav dl dd a{ height:50px; border-left:#01aa8b solid 1px;}
.side_nav dl dd{ float:left; width:50%;color: #fff;}
.side_nav dl dt{ float:left; width:20%;}