a{ color:#333; text-decoration:none;}
a:hover{ color:#FF9900;}
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, Helvetica, sans-serif;
	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;}

.product,.about,.case{ width:100%; height:auto;float:left;}

.product{ padding-top:30px;}
.n_left{ width:20%; float:left;background:#eaeaea; padding-bottom:15px;}
.n_right{ width:78%; float:left; padding-left:2%;}
.p_title{ width:90%; height:auto; float:left; line-height:75px; background:#0093DD;color:#fff; padding-left:10%;}
.n_class{ width:100%; height:auto; float:left; border-top:1px solid #fff;}
.n_class a{width:80%; height:auto; float:left; padding-left:10%; 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;}

.pro{ width:100%; height:auto; float:left;}
.p_list{ width:22.5%; float:left; border:1px solid #ddd; margin-right:1%; margin-bottom:18px; margin-left:1%;}
.p_img{width:100%; text-align:center; float:left;}
.p_img img{ width:100%; height:180px;}
.p_list h1{ line-height:35px; width:94%; float:left; padding-left:3%; padding-right:3%; padding-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:16px;}
.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;}

.fangan{ width:100%; float:left; background:url(../images/n_bg.jpg);background-position:top center;background-repeat: no-repeat; padding-top:40px; margin-top:50px; text-align:center; color:#fff; font-size:2.1875em; line-height:55px; padding-bottom:50px;}
.fangan div{ margin-top:10px;}
.fangan div a{ background:#FF9900; font-size:20px; color:#fff; padding-left:60px; padding-right:60px; padding-top:10px; padding-bottom:10px;border-radius:5px;}

.case_tit{ width:100%; height:auto; float:left; text-align:center;font-size:2.1875em;color:#333; padding-top:50px; padding-bottom:50px;}
.case_list{ width:100%; height:auto; float:left;}
.case_l{ width:48.8%; float:left; margin-right:2%; border:1px solid #d2d2d2;border-top-left-radius:0em;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:0em; margin-bottom:60px;}
.case_l:hover,.case_r:hover{ -webkit-box-shadow: 0 5px 15px #000;box-shadow: 0 5px 15px #000;}
.case_r{width:48.8%; float:left;border:1px solid #d2d2d2;border-top-left-radius:0em;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:0em;margin-bottom:60px;}
.img{ width:30%;float:left; border-right:1px solid #d2d2d2; padding:2px; text-align:center;}
.txt{ width:62%;float:left; padding:3%; padding-left:4%;}
.txt h1{ font-size:1.25em;}
.txt p{ line-height:200%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.kehu{ width:100%; float:left; background:url(../images/casebg.jpg);background-position:top center;background-repeat: no-repeat; padding-top:15px; padding-bottom:40px;background-attachment: fixed;background-size: cover; color:#fff;}
.kehu h1{ padding-top:65px; padding-bottom:20px;}
.kehu p{ line-height:160%;}
.kh_l{ width:42%; padding-right:8%;}

.news{
	width:100%;
	float:left;
	padding-top:40px;
	padding-bottom:35px;
	}
.n_title{ width:100%; float:left;}
.news .n_title h1{ line-height:75px;}
.news .n_title p{ padding-top:30px;}
.news .n_title p a{ color:#fff; padding:15px 50px; background:#FF9900;}
.news .n_title p a:hover{ background:#0093DD;-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;}
.n_con{ width:100%; float:left; padding-top:40px;}
.news_img{ width:49.2%; float:left; background:#fff;margin-right:1.6%; height:332px; }
.news_txt{width:44.2%; float:left; background:#fff; padding:0% 2.5%;height:360px;}
.news_img img{ max-width:100%;}
.news_img h1{ padding-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_img p{ line-height:160%;}

.m_news_con{ width:100%; float:left;}
.m_news_con{ padding-bottom:35px;}
.m_news_con:hover .news_date{background:#333;-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;}
.news_date{ width:14%; height:70px;text-align:center; background:#FF9900;color:#fff; padding-top:10px;}
.news_tit{ width:82%;padding-left:4%;}
.news_tit h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-bottom:5px;}
.news_tit p{ line-height:150%; color:#666;}

.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;}
.fnt30{ font-size:1.875em;}
@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%;}
	.wrap{position:relative; float:left; width: 330px; height:270px; margin:1px;  overflow:hidden;}
	.wrap img{position:absolute; top:0; left:0; width:328px; height:268px; border:1px solid #d2d2d2;}
	.wrap h3{line-height:40px; color:#fff; padding-left:20px; font-size:1em;}
	.cover{position:absolute; height:40px; width:100%; top:270px; }
	.img{ width:30%;float:left;  padding:2px; text-align:center; border-right:none;}
	.txt{ width:60%;float:left; padding:3%; padding-left:4%;border-left:1px solid #d2d2d2;}
	.img img{max-width:95%;}
	.txt p{ line-height:160%;}
	.kh_l,.kh_r{ width:96%; padding-right:2%; padding-left:2%;}
	.kh_r{ text-align:center; padding-top:15px;}
	.kh_r img{ max-width:100%;}
}
@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;}
	.product ul li{ width:30.5%;float:left;  border:1px solid #d2d2d2;  margin:1%; margin-bottom:0.5%;}
	
	.wrap{ display:none;}
	.m_wrap{ display:block;}
	.m_wrap{float:left; width: 47%; height:auto; margin:1.5%;}
	.m_wrap img{ width:99.5%;border:1px solid #d2d2d2; height:200px;}
	.m_wrap h3{line-height:40px; text-align:center; background:#eaeaea;font-size:1em;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.m_cover{ width:100%; height:auto; float:left;}
	.case_l{ width:99%; float:left; margin-right:0%; border:1px solid #d2d2d2;border-top-left-radius:0em;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:0em; margin-bottom:60px;}
	.case_l:hover,.case_r:hover{ -webkit-box-shadow: 0 5px 15px #000;box-shadow: 0 5px 15px #000;}
	.case_r{width:99%; float:left;border:1px solid #d2d2d2;border-top-left-radius:0em;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:0em;margin-bottom:60px;}
	.img{ width:30%;float:left; border-right:1px solid #d2d2d2; padding:2px; text-align:center;}
	.txt{ width:62%;float:left; padding:3%; padding-left:4%; border-left:none;}
	.txt h1{ font-size:20px;}
	.txt p{ line-height:200%;}

}
@media(max-width:480px){
	.header ,.weixin,.mnone{
        display: none ;
    }
	header{ 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;}
	.case,.news,.bots{ width:96%; padding-left:2%; padding-right:2%;}
	.case_l{ margin-bottom:20px;}
	.case_r{margin-bottom:20px;}
	.case_tit{padding-top:20px; padding-bottom:20px;}
	.txt{ width:61%;float:left; padding:3%; padding-left:4%; border-left:none;}
	.news_img{ width:97.6%;padding:1.2%; margin-right:0%; height:auto;}
	.news_txt{width:97.6%; padding:0% 1.2%;height:auto; padding-top:20px;}
	.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;}
}