a{ color:#666; text-decoration:none;}
a:hover{ color:#00CED1;}
img{ border:0px;}
ul,li,h1,p,h2{ margin:0px; padding:0px; list-style:none; font-weight:normal}
input{font-family:"Microsoft Yahei";}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#666;
	text-align:center;
	font-family:Gautami;
	font-size:18px
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale
}
.fr{ float:right;}
.fl{ float:left;}
.clear {
	height: 0px; line-height: 0; clear: both; font-size: 0px; visibility: visible;
}
.clearfix {
	zoom: 1;
}
.clearfix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
dl {
	border-width: 0px; margin: 0px; padding: 0px;
}
dd {
	border-width: 0px; margin: 0px; padding: 0px;
}
.m_top,.m_banner,.bot,.m_pagefoot{ display:none;}
.header{width:100%; height:auto;float:left; padding-top:37px; padding-bottom:33px;}
.container{width:100%; max-width:1200px;height:auto; margin:0 auto; text-align:left;}
.header .tel{ color:#999; font-size:20px; line-height:150%; font-family:Arial, Helvetica, sans-serif}
.navs{ width:100%; height:50px; float:left; background:#2B2B2B; color:#fff;font-family:Arial }
.navs .container ul{ width:100%; height:auto; float:left; line-height:50px; font-size:1.428em;}
.navs>.container>ul>li{position:relative;float:left}
.navs>.container>ul>li,.navs>.container>ul>li>a{display:inline-block;text-align:center}
.navs>.container>ul>li>a{padding:0 29px; color:#fff;}
.navs>.container>ul>li.current>a,.navs>.container>ul>li>a:hover{background-color:#00CED1;text-decoration:none;-webkit-transition:background-color .3s ease 0s;-moz-transition:background-color .3s ease 0s;-o-transition:background-color .3s ease 0s;-ms-transition:background-color .3s ease 0s;transition:background-color .3s ease 0s}
.navs>.container>ul>li,.navs>.container>ul>li>a{line-height:50px;font-size:20px}

.parallux-bg {
	width:100%;
	float:left;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    padding: 70px 0 120px 0;
    position: relative;
	border-top:1px solid #ccc;
    z-index: 1;
}
.parallux-bg:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #828282;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    z-index: -1;
}
.search-para {
    left: 0%;
    position: absolute;
    width: 100%;
    text-align: center;
}
.search-para > h1 {
    color: #fff;
    font-size: 40px;
    font-weight: Monda-Bold;
    text-transform: capitalize;
}
.row{margin-right:-15px;margin-left:-15px}
.row:after,.row:before{display:table;content:" "}
.row:after{clear:both}
.col-md-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}

.m_title{ width:100%; height:auto; float:left; padding-top:20px; padding-bottom:10px; border-bottom:1px solid #e5e5e5; background:#fafafa;color:#ccc}
.m_title a{ color:#ccc}
.m_content{ width:100%; height:auto; float:left; padding-top:30px; padding-bottom:30px; }
.content{ width:100%; float:left;line-height:180%; padding-bottom:20px;}
.ms_tit{ width:100%; height:auto; float:left; border-bottom:1px solid #e5e5e5;}
.ms_tit p{ width:150px; border-bottom:1px solid #00CED1; color:#00CED1; text-align:center;}
.message{ width:80%; float:left;padding-right:15%; padding-left:5%; padding-top:20px;}
.f-tit{ width:100%; float:left; line-height:250%;}
.f-input{width:100%; float:left;}
.f-sub{ width:100%; float:left; padding-top:20px;}
.f-input .input{ width:97%; line-height:42px; border:1px solid #eee; background:#f9f9f9; height:42px; padding-left:3%}
.f-input .inputs{ width:99%; line-height:42px; border:1px solid #eee; background:#f9f9f9;}
.f-sub input{ width:200px; height:50px; background:#999999; text-align:center; line-height:50px; color:#fff; border:none; font-family:"΢ÈíÑźÚ"; cursor:pointer}

.news{ width:100%; float:left; padding-bottom:20px;}
.n_item{ width:100%; float:left; border-bottom:1px dashed #ccc; line-height:35px; padding-top:10px;}
.pageno{ width:95%; float:left; line-height:40px; padding-left:5%;}
.pageno span a.on{ color:#00CED1;}

.news_page{ height:auto; width:100%;}
.news_page h1{ text-align:center; color:#000; background:#f2f2f2; line-height:60px; padding-top:20px;}
.news_page .date{ font-size:14px; text-align:center; line-height:65px; color:#999}
.news_page .cons{ padding-top:30px;line-height:200%;}
.page_n{float:left; width:100%; line-height:200%; padding-top:20px; border-top:1px dotted #ccc; margin-top:20px;}

.left{ width:17%; height:auto; float:left; border:1px solid #DADADA; padding-bottom:80px;}
.right{ width:81.5%; height:auto; float:left; padding-left:1%;}
.rights{ width:79.5%; height:auto; float:left; padding-left:3%;}
.l_tit{ width:90%; height:38px; float:left; background:#00CED1; color:#fff; padding-left:10%; padding-top:12px;}
.l_tit a{ color:#fff;}
.l_class{ width:94%; height:auto; float:left; padding-left:3%; padding-right:3%; padding-top:15px;}
.l_class ul{ width:92%; height:auto; float:left; line-height:300%; border-bottom:1px dotted #ccc; padding-left:8%;}
.l_class ul a{ color:#666;}
.l_class ul a:hover{color:#00CED1}

.p_item{ width:100%; float:left;}
.p_item div{ width:23%; height:auto; float:left; padding-left:1%; padding-right:1%; padding-bottom:10px; text-align:center;}
.p_item div img{ width:230px; height:190px; padding:4px; margin-bottom:10px; border:1px solid #DADADA;}

.item_list{position:relative;padding:0px; background-color:#fff; width:1200px;}
.item{ width:280px;background:#fff;margin:0px 18px 20px 0px; padding:0px; border:1px solid #eee; float:left;}
.item_hover{border:1px solid #4bcdd9;width:280px;margin:0px 18px 20px 0px;	padding:0px;  overflow:hidden;}
.item dl{padding:0px 0px 0px 0px; margin:0px; width:280px; overflow:hidden;}
.item dl dt img{padding:0px 0px 0px 0px; margin:0px; width:280px; overflow:hidden;}
.item dt a:hover img{filter:alpha(opacity=80);-khtml-opacity:0.8;opacity:0.8;-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;}
.case_name{font-size:14px;margin-top:15px;padding-left:20px;}
.case_name a{ color:#000;}
.case_int{color:#999;line-height:20px;border-top:1px solid #eee;padding:20px;background:#fafafa;} 
.case_int a{color:#999;}
.item_hover .case_int{color:#333;}
.item_hover a:hover{ color:#000;}
.case_tag{text-align:left;margin:10px 0;margin-left:20px;}
.case_tag a{ display:inline-block;background:#666;color:#fff;height:15px;line-height:15px; text-align:center; padding:2px 4px; margin-right:5px;}
.case_tag a:hover{ color:#fff;}


.pagemenu{ width:100%; height:auto; float:left; margin-top:30px; padding-top:15px; background:#00CED1; text-align:center;}
.pagemenu a{ color:#fff; padding-left:30px; padding-right:30px;}
.pagemenu a:hover{ text-decoration:underline;}

.pagefoot{ width:100%; height:auto; float:left; background:#282828; padding-top:45px; color:#fff;}
.pfoot{ width:85%; height:auto; float:left;padding-bottom:45px; border-bottom:1px solid #3E3C42; padding-left:15%;}
.pfoot div{ float:left; line-height:40px; padding-right:5px;}

.pd{width:85%; height:auto; float:left; line-height:40px; padding-top:10px; padding-left:15%;}
.fnt20{ font-size:20px;}
.fnt16{ font-size:16px;}
.orange{ color:#00CED1;}
.glay{ color:#999;}

@media(max-width:480px){
.header,.navs,.banner,.weixin,.bot_menu,.pagemenu,.pagefoot{ display:none;}
.m_top,.m_banner,.m_pagefoot{ display:block;}
.m_top{width:100%; height:auto;float:left; padding-top:15px; padding-bottom:15px;}
.m_top_l{ float:left; padding-left:10px;}
.m_top_r{ float:right;}
#navbar {
  max-width: 1000px;
  margin: 0 auto;
  padding-top:25px;
  padding-right:20px;
}

.menubtn {
 
  position: relative; 
  z-index: 101;
  color: #274a61;
  text-decoration: none;
  font-size: 0em;
  line-height: 0em;
  top: 2px;
  padding: 15px;
  background-image: url('../img/hamburger.png');
  background-position: 50% 50%;
  background-size: 25px 25px;
  background-repeat: no-repeat;
}
.menubtn:hover, .openmenu .menubtn {
  color: #bdd43e;
  background-image: url('../img/hamburger-active.png');
}

/** toggle menu **/
body.openmenu {
  position: fixed;
  overflow: hidden;
}

.overlay {
  position: fixed;
  z-index: 99;
  background-color: rgba(0,0,0,0.5);
  bottom: 0;
  right: 0;
  left: 0;
}

.openmenu .overlay {
  top: 0;
}

#hamburgermenu {
  height: 100%;
  width: 0;
  background: #e5e5e5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  overflow: hidden;
  -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  box-shadow: 3px 0 7px rgba(0,0,0,0.55);
}
#hamburgermenu ul {
  margin-top: 45px;
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
}
#hamburgermenu ul li {
  display: block;
}
#hamburgermenu ul li a {
  display: block;
  min-width: 130px;
  padding: 8px 8px;
  font-size: 1.25em;
  text-decoration: none;
  border-bottom:1px dotted #fff;
}
#hamburgermenu li a:hover {
  color: #fff;
  background: #ccc;
}

.m_content,.content,.m_title{width:95%; padding-left:2.5%; padding-right:2.5%;}
.left{ width:99%; padding-bottom:10px;}
.right{ width:100%; padding-left:0%; padding-top:20px;}
.rights{ width:100%; padding-left:0%;}
.content img{ max-width:100%;}

.p_item div{ width:50%;padding-left:0%; padding-right:0%;}
.p_item div img{ width:94%;}

.item_list{width:100%;}
.item{ width:95%;}
.item_hover{width:95%;}
.item dl{width:100%;}
.item dl dt img{width:100%;}

.m_pagefoot{ width:95%; height:auto; float:left; background:#282828; padding-top:10px; color:#fff;padding-left:2.5%; padding-right:2.5%; padding-bottom:80px;}
.p_foot{ width:100%; height:auto; float:left}
.p_foot div{ float:left; line-height:40px; padding-right:5px;}

.pd{width:100%;padding-left:0%; border-top:1px solid #3E3C42;}
.bot{ display:block;}
.bot{position:fixed;bottom:0;width:100%;height:80px;line-height:23px;z-index:9999;_bottom:auto;_width:100%;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); background:#383836}
.bot div{ width:25%; float:left; padding-top:5px; text-align:center; color:#fff; padding-bottom:6px;}
.bot div a{ color:#fff;}
}