a{ color:#333; text-decoration:none;}
a:hover{ color:#000;}
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:"Arial";
	font-size:16px;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale
}
.fr{ float:right;}
.fl{ float:left;}
header,.m_top,.m_banner,.bot,.se{ display:none;}
.m_wrap{ display:none;}
.header{width:100%; height:auto;float:left; line-height:40px;font-size:0.75em; background:#ebebeb; color:#666;}
.container{width:100%; max-width:1200px;height:auto; margin:0 auto; text-align:left;}
.header .hd1{ float:left;  color:#666; }
.header .hd2{ float:right;}
.header .hd2 a{ padding-left:10px; padding-right:10px;}

.h_top{width:100%; height:auto;float:left; margin-top:30px; margin-bottom:20px;}
.h_top .ht1{ width:485px; height:auto; float:left;}
.h_top .ht2{ width:310px; height:auto; float:left; text-align:right;}
.h_top .ht3{ width:405px;float:left;padding-top:7px; }
.h_top .ht3 .hot{ width:100%;float:left; font-family:"ËÎÌå"; font-size:0.75em; padding-top:10px;}
.h_top .ht3 .hot a{ color:#666;}
.h_top .ht3 .sear{ float:left; width:100%; padding-top:6px;}
.h_top .ht3 .sear .s{  float:left;border:1px solid #a5a5a5; background:#f8f8f8;}
.h_top .ht3 .sear .s .timg{ float:left; padding-right:8px;}
.h_top .ht3 .sear .s .input{ float:left; height:26px;padding-right:8px; border-right:1px solid #a5a5a5}
.h_top .ht3 .sear .s .input input{ border:none; background:#fff; background:#f8f8f8}
.h_top .ht3 .sear .s .btn{ float:left; background:#e1e1e1; text-align:center;}
.h_top .ht3 .sear .s .btn input{ padding-left:15px; padding-right:15px;  background:#e1e1e1; line-height:24px;text-shadow: 1px 1px #fff; border:none;cursor:pointer}

.navs{ width:100%; height:50px;float:left; font-size:18px;background:#0093DD;margin-top:10px;}
.navs ul{ float:left; width:1200px; padding:0; }
.navs ul li{ width:14.28%;float:left; height:auto; padding:0px; position:relative;}

.navs ul li ul{ display:none;}
.navs ul li a{ width:100%;float:left; line-height:50px; text-align:center; color:#fff; background:#0093DD;}
.navs ul li a:hover{width:100%;background-color:rgba(36,129,188,0.8);-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;}
.navs ul li a.current{ background:#FF9900; color:#fff;}
.navs ul li a.current:hover{ background:#FF9900;color:#fff;}
                                                 
.navs ul li:hover{background:#FF9900;}
.navs ul li:hover a{background:#FF9900; color:#fff;}
.navs ul li:hover ul{ width:100%;display:block; position:absolute; z-index:1000; top:50px; left:0px; background:#0093DD;filter:alpha(opacity=80); opacity:0.8;}
.navs ul li:hover ul li{ width:100%; height:auto; float:left;margin:0px; padding:0px;border-right:none;}

.navs ul li:hover ul li a{ width:98%;height:auto; float:left; line-height:47px; text-align:center;background:#0093DD; color:#000; border-top:1px solid #4DC5FF; border-left:3px solid #0093DD;}
.navs ul li:hover ul li a:hover{background:#fff; color:#ff9900; border-top:1px solid #fff; border-left:3px solid #FF9900;}

.navs ul li ul.pss{ width:350%;position:absolute; z-index:1000; top:50px; left:0px; background:#0093DD;filter:alpha(opacity=80); opacity:0.8;}
.navs ul li:hover ul.pss{ width:350%;display:block; position:absolute; z-index:1000; top:50px; left:0px; background:#0093DD;filter:alpha(opacity=80); opacity:0.8;}
.navs ul li:hover ul.pss li a{ width:93.8%;height:auto; float:left; text-align:left;padding-left:5%;background:#0093DD; color:#000;  border-left:3px solid #0093DD;}
.navs ul li:hover ul.pss li a:hover{background:#fff; color:#EF0010; border-left:3px solid #FF9900;}

.banner{ width:100%; height:500px;float:left; text-align:center; margin-top:1px;}
.banner_m{ display:none;}
.fullSlide {width:100%;position:relative;height:500px;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:500px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:500px;}
.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;background:#000;line-height:999px;}
.fullSlide .hd ul .on {background:#0093DD;}

.pagemain{ width:100%; float:left;}
.title{ width:100%; float:left;line-height:50px; border-bottom:1px dotted #ccc; font-size:0.875em;}
.title span{ border-left:10px solid #FF9900;}
.content{ width:100%; float:left; padding-top:30px; padding-bottom:30px;}
.n_left{ width:20%; float:left;}
.n_right{ width:78%; float:left; padding-left:2%;}
.n_title{ width:85%; height:auto; float:left; line-height:75px; background:#0093DD;color:#fff; padding-left:15%;}
.n_class{ width:100%; height:auto; float:left; border-top:1px solid #fff;}
.n_class a{width:75%; height:auto; float:left; padding-left:15%; padding-right:10%;background:#eaeaea;line-height:30px;font-size:1.125em; padding-top:15px; padding-bottom:15px;}
.n_class a:hover{background:#ccc; color:#333;}
.n_class a.on{background:#ccc; color:#333;}

.n_list{ width:93%; height:auto; float:left; border:1px solid #ddd; padding:3%; margin-bottom:15px;}
.n_list .nimg{ width:25%; height:auto; float:left;}
.n_list .nimg img{ width:100%; max-height:125px;}
.n_list .ncon{ width:72%; height:auto; float:left; padding-left:3%;}
.n_list .ncon h1{ padding-bottom:10px;}
.n_list .ncon p{ line-height:180%;}
.n_list .ncon p a{ padding:3px 20px; background:#ddd; margin-top:10px;}
.n_list:hover{border:1px solid #0093DD;}
.n_list:hover h1 a{ color:#0093DD;}
.n_list:hover p a{background:#0093DD; color:#fff;}
.n_pageno{ width:100%; height:auto; float:left; margin-top:10px;line-height:45px;}
.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_page{ height:auto; width:100%;}
.news_page h1{ text-align:center; color:#000; background:#f2f2f2; line-height:60px;}
.news_page .date{ font-size:14px; text-align:center; line-height:65px; color:#999}
.news_page .s_date{ font-size:14px; color:#999; padding-top:20px;}
.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;}


/*about*/
.a_tit{ width:100%; height:auto; float:left;}
.a_tit div{ width:15%; float:left;text-align:center; border-right:1px solid #fff;}
.a_tit div a{ float:left;width:100%;background:#ddd; line-height:50px;font-size:1.25em;}
.a_tit div a:hover{ background:#0093DD; color:#fff;}
.a_tit div a.on{background:#0093DD; color:#fff;line-height:55px;}

.a_con{ width:100%; float:left; padding-top:20px; padding-bottom:20px; line-height:180%;}
/*message*/
.message{ width:75%; float:left; padding-left:10%; padding-right:10%; margin-top:30px; border:1px solid #eee; padding-top:30px; padding-bottom:30px; background:#fefefe;}
.f-tit{ width:100%; float:left; font-size:14px; line-height:250%;}
.f-input{width:100%; float:left;}
.f-sub{ width:100%; float:left; padding-top:20px;}
.f-input .input{ width:68%; line-height:42px; border:1px solid #eee; background:#fff; height:42px; padding-left:2%;color:#999;}
.f-input .inputs{ width:99%; line-height:42px; border:1px solid #eee; background:#fff;color:#999;}
.f-sub input{ width:200px; height:50px; background:#999999; text-align:center; line-height:50px; color:#fff; border:none; font-family:"΢ÈíÑźÚ"; cursor:pointer;}

/*solu*/
.cl:after,.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}
.cl,.clearfix{zoom:1}
.text-c{text-align:center}
.col-sm-2,.col-sm-8,.col-sm-1,.col-xs-6,.col-sm-5,.col-sm-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-sm-2,.col-sm-8,.col-sm-1,.col-xs-6,.col-sm-5,.col-sm-6,.col-xs-12{float:left}
.col-sm-8{width:64%}
.col-sm-2{width:14%}
.col-sm-1{width:20%}
.col-xs-6{width:40%;text-align:center;}
.col-xs-12{width:56%; padding-left:2%; padding-left:2%; }
.vr_news_item img{ width:165px; padding-top:10px;}
.col-xs-6 img{ max-width:100%;}
.col-sm-5{width:50%}
.col-sm-6{width:50%}
.col-sm-6 img{ width:100%;}
.mb-20{margin-bottom:30px}

.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: 5em;
    height: 4px;
    background: #0093DD;
    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: 30px 0 50px;
}

.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:#0093DD;
    border-color: #0093DD;
    color: #fff;
}

/*product*/
.pro{ width:100%; height:auto; float:left;}
.p_list{ width:22.5%; float:left; border:1px solid #ddd; margin-right:1%; margin-bottom:20px; margin-left:1%;}
.p_img{width:100%; text-align:center; float:left;}
.p_img img{ width:100%; height:190px;}
.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;}
.p_list p{width:94%; float:left; padding-left:3%; padding-right:3%; line-height:160%; padding-bottom:10px; height:50px;}
.p_list:hover{border:1px solid #0093DD;}
.p_list:hover h1 a{ color:#0093DD;}
.p_list:hover p a{color:#0093DD;}

/*pro_show*/
.ps_top{ width:100%; height:auto; float:left;}
.ps_top .ps_img{ width:45%; height:auto; float:left; text-align:center; padding-right:5%;}
.ps_top .ps_img img{ border:1px solid #e0e0e0; padding:3px; max-width:98%; height:320px;}
.ps_top .ps_txt{ width:50%; height:auto; float:left; line-height:210%;}
.ps_top .ps_txt img{ padding-top:10px;}
.ps_top .ps_txt h1{ color:#333; padding-bottom:15px; line-height:50px}
.ps_top .ps_txt ul{ width:100%; float:left; border-bottom:1px dotted #ccc; padding-top:6px; padding-bottom:6px;}
.ps_top .ps_txt ul li.li1{ width:20%; float:left;}
.ps_top .ps_txt ul li.li2{width:80%; float:left;}
.ps_tit{ width:100%; float:left; background:#eee; line-height:50px; margin-top:20px; color:#ccc;}
.ps_tit span{ padding:13px 50px; background:#FF9900; color:#fff;}
.ps_con{ width:100%; float:left; line-height:180%; color:#666; padding-top:15px;}
.ps_con table{ width:100%;}
.zx{ width:100%; height:auto; float:left; padding-top:15px;}
.zx div{ float:left; }
.zx .tels{ padding-left:15px; line-height:180%; padding-top:5px;}
.zx a{ padding:0px 15px; font-size:1.25em; background:#88D8F3; color:#fff; float:left;line-height:55px; margin-top:15px; margin-left:15px;}
.ps_hot{ width:100%; float:left;}
.ps_list{ width:23.7%; float:left; border:1px solid #ddd; margin-right:1%; margin-top:20px;}
.pt_img{width:100%; text-align:center; float:left;}
.pt_img img{ width:100%; height:190px;}
.ps_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;}
.ps_list:hover{border:1px solid #0093DD;}
.ps_list:hover h1 a{ color:#0093DD;}

/*search*/
.s_item{ width:45%; margin-right:5%; padding-top:15px; padding-bottom:15px; border-bottom:1px dotted #ccc; float:left;}
.s_item h1{ line-height:35px; font-weight:100;}
.s_item h1 a{ text-decoration:underline;}
.s_item p{ line-height:180%; height:55px;}
.s_url{ padding-top:6px; color:#2481BC; float:left;}
.s_url a{color:#aaa;}
.s_url a.cls{ padding:5px 10px; border:1px solid #ccc; background:#2481BC; color:#fff;}

.bots{ width:100%; float:left; border-top:4px solid #EBEBEB; padding-top:28px; padding-bottom:25px;}
.weixin{ width:15%; float:left; border-right:1px solid #ccc; font-size:12px;}
.weixin div{ padding-left:28px; padding-top:15px;}
.b_menu{ width:81.5%; float:left; padding-left:3%;}
.b_menu div{ width:14.2%; float:left;}
.b_menu div h1{ font-size:16px; padding-bottom:10px;}
.b_menu div p{ line-height:200%; font-size:12px;}
.b_menu div p a{ color:#666;}

footer{ width:100%; float:left; background:#4D4948; font-size:14px; color:#fff; text-align:center; line-height:50px;}
.c333{ color:#333;}
.fnt40{ font-size:2.1875em;}
.fnt18{ font-size:1.125em;}
.fnt20{ font-size:1.25em;}
.fnt25{ font-size:1.5625em;}
.fnt30{ font-size:1.875em;}
.fnt14{ font-size:0.875em;}
.red{ color:#ff0000;}
@media(max-width:1024px) {
	.navs>.container>ul>li>a{padding:0 10px; color:#fff;}
	.h_top .ht1{ width:310px; height:auto; float:left;}
	.h_top .ht2{ width:305px; height:auto; float:left; text-align:right;}
	.h_top .ht1 img,.h_top .ht2 img{ width:95%;}
}
@media(max-width:800px) {
	body { font-size:12px;}
	.banner{ height:250px;}

	.fullSlide {height:250px;}
	.fullSlide .bd li {height:250px;}
	.fullSlide .bd li a {display:block;height:250px;}
	
	.navs>.container>ul>li>a{padding:0 5px; color:#fff; font-size:16px;}

}
@media(max-width:480px){
	.header ,.weixin,.mnone{
        display: none ;
    }
	header,.se{ display:block;}
	
	.navs{ display:none;}
	.h_top{display: none ;}
	.m_top,.m_banner{ display:block;}
	.m_banner img{ max-width:100%;}
	.m_top{width:100%; height:auto;float:left; padding-top:15px; padding-bottom:15px;}
	.m_top_l{ float:left; padding-left:10px; padding-top:10px;}
	.m_top_r{ float:right;}
	#navbar {
	  max-width: 1000px;
	  margin: 0 auto;
	  padding-top:5px;
	  padding-right:20px;
	}
	
	.menubtn {
	 
	  position: relative; 
	  z-index: 101;
	  color: #274a61;
	  text-decoration: none;
	  font-size: 0em;
	  line-height: 0em;
	  top: 20px;
	  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;
	}

	.banner{ display:none;}
	.banner_m{ width:100%; display:block; }
	.banner_m img{ width:100%;border-top:1px solid #f0f0f0;}
	
	.se{ width:96%; height:auto; float:left; background:#fafafa;padding-left:2%; padding-right:2%; padding-top:15px; padding-bottom:15px;}
	.se .s{  float:left;border:1px solid #a5a5a5; background:#f8f8f8;}
	.se .s .timg{ float:left; padding-right:8px;}
	.se .s .input{ float:left; height:26px;padding-right:8px; border-right:1px solid #a5a5a5}
	.se .s .input input{ border:none; background:#fff; background:#f8f8f8}
	.se .s .btn{ float:left; background:#e1e1e1; text-align:center;}
	.se .s .btn input{ padding-left:15px; padding-right:15px;  background:#e1e1e1; line-height:24px;text-shadow: 1px 1px #fff; border:none;cursor:pointer}
	.pagemain,.bots{ width:96%; padding-left:2%; padding-right:2%;}
	
	.f-input .input{ width:97%;}
	.f-input .inputs{ width:99%; line-height:42px; border:1px solid #eee; background:#fff;color:#999;}
	.a_tit div{ width:16.3%;}
	
	.n_left{ width:100%; float:left;}
	.n_right{ width:100%; float:left; padding-left:0%; padding-top:20px;}
	.n_class{ width:49.5%;border-right:1px solid #fff;}
	.n_class a{width:90%; padding-left:5%; padding-right:5%;padding-top:5px; padding-bottom:5px;}
	
	.p_list{ width:48.5%; border:1px solid #ddd; margin-right:1%;}
	.p_img img{ width:100%; height:200px;}
	
	.ps_top .ps_img{ width:100%; height:auto; float:left; text-align:center; padding-right:0%;}
	.ps_top .ps_img img{max-width:98%; height:auto;}
	.ps_top .ps_txt{ width:100%;}
	.zx .tels{ padding-top:15px;}
	.ps_list{ width:48%; float:left; border:1px solid #ddd; margin-right:1%; margin-top:20px;}

	.col-sm-8{width:64%}.col-sm-1{width:36%}.col-xs-6{width:100%;text-align:left;padding-top:15px;}.col-xs-12{width:95%; padding-left:2.5%; padding-left:2.5%; padding-top:15px;}
	.col-sm-1 img{ width:100%;}.col-sm-5{width:100%}
	
	.b_menu{ width:100%; float:left; padding-left:0%;}
	.b_menu div{ width:25%; float:left;}
	footer{ line-height:30px; padding-top:10px; padding-bottom:10px;}
	.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;}
}