a{ color:#333; text-decoration:none;}
a:hover{ color:#999; -webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;
-o-transition:  0.2s ease-in 0s;}
img{ border:0px;margin:0px;}
ul,li,h1,p,h2,h3{ margin:0px; padding:0px; list-style:none; font-weight:normal}
div{ height:auto;}
input{font-family:"Microsoft Yahei";}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#333;
	text-align:center;
	font-family:"Microsoft Yahei";
	font-size:16px;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale;
	-webkit-text-size-adjust: none
}
header,.m_top,.mb_show,.mbot,.m_case,.m_banner,.mbot,.mb_banner{ display:none;}
.fl{ float:left;}
.fr{ float:right;}

.header{width:100%; line-height:37px; font-size:12px; background:#F4F4F4; color:#666; border-bottom:1px solid #CCCCCC;}
.header a{ color:#666; padding-left:6px; padding-right:6px;}
.hd_txt{ float:left;}
.topbar_r_wx{ float:left; position:relative;z-index:2000;}
.topbar_r_wx div{ position:absolute; z-index:20; display:none; }
.topbar_r_wx:hover{ cursor:pointer;}
.topbar_r_wx:hover div{ display:block; top:37px; right:-20px; z-index:2000; padding:8px; background:#fff;}
.container{width:100%; max-width:1200px;height:auto; margin:0 auto; text-align:left;}
.h_top{width:100%; padding-top:32px; padding-bottom:37px;}
.h_top .tel{ padding-top:24px;}
.h_top .tel .orange{ color:#FF9900; font-size:1.5625em; font-family:Arial, Helvetica, sans-serif; padding-top:5px;}


.pagemenu{ width:100%; float:left; background:#3399FF; height:53px; border-bottom:3px solid #1D7BB9;}
.pagemenu .menu{ width:10.5%;line-height:53px; font-size:20px; float:left; color:#fff; margin-right:2%;}
.pagemenu .menu a{color:#fff; width:100%; float:left; text-align:center;}
.pagemenu .menu a:hover{ background:#1D7BB9;}
.pagemenu .menu a.on{background:#1D7BB9;}

.cp_banner{ width:100%; height:250px;float:left; text-align:center;}
.banner_m{ display:none;}
.fullSlide {width:100%;position:relative;height:250px;z-index:5;}
.fullSlide .bd {margin:0 auto;position:relative;overflow:hidden;}
.fullSlide .bd ul {width:100% !important; list-style:none; margin:0px;}
.fullSlide .bd li {width:100% !important;	height:250px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:250px;}
.fullSlide .hd {width:100%;position:absolute;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:55px;height:10px;margin:1px;overflow:hidden;line-height:999px;background:#000;filter:alpha(opacity=50);opacity:0.5;}
.fullSlide .hd ul .on {background:#3399FF;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;	top:50%;margin-top:-30px;left:5%;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:5%;background-position:-6px -137px;}

.pagemain{ width:100%; float:left; padding-top:45px; padding-bottom:45px;}
.left{ width:23.5%; float:left; padding-right:1%;}
.right{ width:75.5%; float:left;}
.l_title{ width:100%; float:left;height:50px; background:#3399FF; font-size:25px; line-height:50px;}
.l_title .fl{ text-align:center; width:70%;}
.l_title .fr{ padding-top:6px}
.l_title .fl a{ color:#fff;}
.l_class{ width:100%; float:left; margin-top:8px; }
.l_class a{ width:99.7%; float:left;border:1px solid #E5E5E5; background:#EEEEEE; text-align:center; line-height:47px; font-size:20px;}
.l_class a:hover{border:1px solid #FFDF1A; background:#FFDF1A; color:#000;text-shadow:1px 1px 1px #fff;}
.l_class a.on{border:1px solid #FFDF1A; background:#FFDF1A; color:#000;text-shadow:1px 1px 1px #fff;}

.pagebot{ width:100%; float:left; background:#1D7BB9; padding-top:22px; padding-bottom:22px; color:#fff;}
.pagebot a{ color:#fff;}
.add{ float:left; padding-left:12%; line-height:200%; margin-top:26px; text-align:center;}
.pagebot .fr img{ background:#fff; padding:8px; margin-bottom:8px;}
.pagebot .fr div{ text-align:center;}

.fnt30{ font-size:30px;}
.fnt14{ font-size:14px;}
.fnt18{ font-size:18px;}
.blue{ color:#3399FF;}
.color_green{ color:#0F6540;}
.orange{ color:#ff0000;}

/*about*/
.title{ width:100%; float:left;background:url(../images/new_img_15.jpg) left bottom repeat-x;height:45px; line-height:45px; padding:2px 0; font-size:14px;}
.title span{ float:left;}
.title a{ float:left;}
.title i{ float:left; width:20px; background:url(../images/new_png_6.png) center 50% no-repeat; height:45px;}
.r_con{ width:73.5%; float:left; padding-left:2%;}
.r_title{ width:100%; float:left;line-height:45px; font-size:25px; background:url(../images/bg.jpg);}
.a_l{ float:left; border-bottom:4px solid #3399FF; color:#3399FF;}
.a_r{ float:right; border-bottom:4px solid #ccc; line-height:45px; text-align:right; color:#999; }
.c_content{ width:98%; float:left; padding-top:20px; padding-bottom:20px; line-height:200%; padding-left:1%; padding-right:1%;}
.c_content img{ max-width:100%;}
/*news*/
.news_list{ width:100%; height:auto; float:left; padding-top:20px; padding-bottom:20px;}
.news_list li{ width:95.5%; float:left; border:1px dashed #eaeaea; line-height:40px; padding-left:2%; padding-right:2%; margin-bottom:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news_list li:hover{border:1px dashed #FF6600; color:#FF6600}
.news_list li:hover a{color:#FF6600}
.news_list li:hover a:hover{ text-decoration:none;}
.news_list li span{ padding-right:10px; font-family:Arial, Helvetica, sans-serif}
.n_pageno{ width:100%; height:auto; float:left; margin-top:10px;line-height:45px; text-align:center;}
.n_pageno span a{ padding-left:8px; padding-right:8px; border:1px solid #ddd; padding-top:5px; padding-bottom:5px; margin-left:1px; margin-right:1px;}
.n_pageno span a:hover{ border:1px solid #ff0000;color:#ff0000;}
.n_pageno span a.on{ border:1px solid #ff0000;color:#ff0000;}

/*news_view*/
.news_con{ width:100%; height:auto; float:left; padding-top:20px; padding-bottom:20px; line-height:200%}
.art1{ width:100%;float:left; text-align:center; padding-top:15px; padding-bottom:10px; font-weight:bold;}
.art1 h1{ font-size:25px; color:#000;}
.art2{ width:100%; float:left; text-align:center; line-height:25px;border-bottom:1px dotted #ccc;; font-size:12px; padding-bottom:10px; color:#666;}
.art3{ width:100%; float:left; padding-top:20px; padding-bottom:10px;}
.art4{ width:100%; float:left;}
.art5{ width:100%; float:left; padding-top:15px; font-size:14px;}

/*pro_list*/
.pro_list{ width:100%; height:auto; float:left; padding-top:20px; padding-bottom:20px;}
.p_list{ width:31%; float:left; border:1px solid #ddd; margin-right:1%; margin-bottom:20px; margin-left:1%; background:#fafafa;}
.p_img{width:100%; text-align:center; float:left; height:215px; background:#fff;}
.p_img img{ max-width:95%; height:200px; padding-top:5px;}
.p_list h1{ line-height:40px; width:94%; float:left; padding-left:3%; padding-right:3%; padding-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; border-top:1px solid #ddd; padding-bottom:5px;}
.p_list:hover{border:1px solid #0093DD;background: rgba(220, 220, 220, 1);transform: scale(0.9); }
.p_list:hover h1 a{ color:#0093DD;}

/*case*/
.row{box-sizing:border-box;width:100%; float:left;}
.cl:after,.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}
.cl,.clearfix{zoom:1}
.vr_case_row {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.vr_case_row h2 {
    font-size: 24px;
    color: #333;
    padding: 0 0 20px;
    position: relative;
}

.vr_case_row h2::after {
    content: "";
    display: block;
    width: 6em;
    height: 4px;
    background: #FFDF1A;
    position: absolute;
    left: 0;
    bottom: 0;
}

.vr_case_row p {
    font-size: 14px;
    color: #666;
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 10px 0 20px;
}

.vr_case .vr_case_row:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 50px;
}

.vr_btn_case {
    padding: 10px 40px;
    font-size: 14px;
    color: #666;
    border: 1px solid #dcdcdc;
}

.vr_btn_case:hover {
    background-color:#1565C0;
    border-color: #1565C0;
    color: #fff;
}
.col-xs-6,.col-xs-12{min-height:1px;position:relative;padding-left:15px;padding-right:15px;box-sizing:border-box;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
.col-xs-6,.col-xs-12{float:left}
.col-xs-6{width:40%;text-align:center;}
.col-xs-12{width:56%; padding-left:2%; padding-left:2%; }
.col-xs-6 img{ width:100%;}
@media(max-width:480px){
body{ font-size:14px;}
h1,h2{ font-size:16px;}
.header,.h_top,.cp_show,.b_menu,.m_left,.cp_banner,.pagemenu,.frk,.bot_logo,.l_title,.a_r{ display:none;}
.m_top,.bot,.m_l_class,.mb_banner,.mb_show{ display:block;}
.mb_show{ display:block;}
.m_top{width:100%; height:auto;float:left; padding-top:10px; padding-bottom:10px;}
.m_top_l{ float:left;}
.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('../images/hamburger.png');
  background-position: 50% 50%;
  background-size: 25px 25px;
  background-repeat: no-repeat;
}
.menubtn:hover, .openmenu .menubtn {
  color: #bdd43e;
  background-image: url('../images/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;
  text-decoration: none;
  border-bottom:1px dotted #fff;
}
#hamburgermenu li a:hover {
  color: #fff;
  background: #ccc;
}
.mb_banner img{ width:100%;}

.pagemain{ width:96%; float:left; padding-top:25px; padding-bottom:25px; padding-left:2%; padding-right:2%}
.left{ display:none}
.right{ width:100%;}
.r_con{ width:100%;padding-left:0%;}
.pagebot{ padding-bottom:50px;}
.pagebot .fr{ display:none;}
.pagebot a{ color:#fff;}
.add{ width:100%;float:left; padding-left:0%; line-height:200%; margin-top:6px; text-align:center; font-size:14px;}
.r_title{ width:100%; float:left;line-height:45px; font-size:18px; background:url(../images/bg.jpg);}
.art1 h1{ font-size:18px; color:#000;}
.art3 img{ max-width:100%;}

.p_list{ width:47%;}
.p_img{width:100%; text-align:center; float:left; height:150px; background:#fff;}
.p_img img{ max-width:95%; height:140px; padding-top:5px;}
.p_list h1{ padding-top:0px;padding-bottom:0px;}

.mbot{ display:block;}
.mbot{position:fixed;bottom:0;width:100%;height:40px;line-height:40px;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:#999}
.mbot div{ width:24.7%; float:left; text-align:center; color:#fff; padding-bottom:6px; border-right:1px solid #fff;}
.mbot div.oranges{ background:#3399FF;}
.mbot div.no_line{border-right:1px solid #1064B2;}
.mbot div a{ color:#fff;}

.title{width:96%; padding-left:2%; padding-right:2%;}
.fnt30{ font-size:18px;}
.fnt14{ font-size:14px;}
.fnt18{ font-size:16px;}
}