a{ color:#666; text-decoration:none;}
a:hover{ color:#2481BC;-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{ 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:"Microsoft Yahei";
	font-size:16px;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale;
	-webkit-text-size-adjust: none
}
header{ display:none;}
.header{width:100%; height:auto;float:left; line-height:36px; border-bottom:1px solid #e0e0e0; font-size:0.75em; background:#f2f2f2;}
.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;}
.d1{ float:left;}
.topbar_r_wx{ float:left; position:relative;z-index:2000;padding-left:10px;}
.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:36px; right:-20px; z-index:2000}

.h_top{width:100%; height:auto;float:left; margin-top:25px; background-repeat:repeat-x; margin-bottom:25px;}
.h_top .ht1{ width:60%; height:auto; float:left;}
.h_top .ht3{ width:40%;float:left; padding-top:9px;}
.h_top .ht3 .tel{ width:100%;float:left; text-align:right; padding-top:15px;}
.h_top .ht3 .sear{ float:right;background:#e1e1e1;}
.h_top .ht3 .sear .s{ width:270px; float:left;border:1px solid #a5a5a5;}
.h_top .ht3 .sear .s .timg{ float:left; height:26px;padding-right:8px; background:#fff;}
.h_top .ht3 .sear .s .input{ float:left; height:26px;padding-right:8px; border-right:1px solid #a5a5a5;background:#fff;}
.h_top .ht3 .sear .s .input input{ width:170px;border:none; background:#fff; color:#888;}
.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; background:#EC6D10;}
.navs ul{ float:left; width:1200px; padding:0; }
.navs ul li{ width:11.11%;float:left; height:auto; padding:0px; position:relative; font-size:1.25rem;}

.navs ul li ul{ display:none;}
.navs ul li a{ width:100%;float:left; line-height:50px; text-align:center; color:#fff;-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: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.on{ background:#2481BC;}
.navs ul li a.on:hover{ background:#2481BC;}
                                                 
.navs ul li:hover{background:#2481BC;}
.navs ul li:hover a{background:#2481BC; color:#fff;}
.navs ul li:hover ul{ display:block; position:absolute; width:100%; z-index:1000; top:50px; left:0px;}

.navs ul li:hover ul li{ width:100%; height:auto; float:left;margin:0px; padding:0px;font-size:1rem;}

.navs ul li:hover ul li a{ width:80%;height:auto; float:left; text-align:left;line-height:200%;background:#2481BC; padding-left:20%;}
.navs ul li:hover ul li a:hover{text-decoration:underline; 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:hover ul .imgs{ width:100%;height:13px; float:left;}


.banner{ width:100%; height:auto; float:left;}
.banner_m{ display:none;}
.banner img{ width:100%;}
.vr_banner_pages {
    line-height: 20px;
}

.vr_banner_pages .swiper-pagination-bullet {
    background: #fff;
    width: 20px;
    height: 20px;
    opacity: 1;
    border-radius: 20px;
    vertical-align: middle;
    cursor: pointer;
}

.vr_banner_pages .swiper-pagination-bullet-active {
    width: 100px;
    height: 15px;
    margin-top: -12px;
}
.m_sear{ display:none;}

.vr_about{ width:100%; height:auto; float:left; padding-top:50px;}
.vr_about .va_title{ width:100%; height:auto; float:left;}
.vr_about .va_title .a_tit{ width:16%; float:left; font-size:1.875rem; text-align:center; color:#333;}

.vr_about .va_content{ width:100%; float:left; padding-top:30px; line-height:180%;}
.vr_about .va_content .a_img{ padding-right:4%;}

.f42{ width:42%; border-bottom:1px solid #ccc;}
.f27{ width:27%;}
.f69{ width:69%;}
.f-l{ float:left;}
.f-r{ float:right;}
a.more{ width:130px;height:40px; float:left; line-height:40px;text-align:center; color:#fff; background:#19499D;}
a:hover.more{background-color:rgba(236,109,16,1);-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;}

.product{ width:100%; height:auto;float:left; background:#f2f2f2; margin-top:55px; padding-top:50px; padding-bottom:50px;}
.product ul{ width:100%; height:auto; float:left;padding-bottom:15px;}
.product ul li{ width:13.48%;float:left;  border:1px solid #d2d2d2;  margin:0.3%; margin-bottom:0.5%;}
.product ul li a{ width:100%; float:left;line-height:40px; text-align:center;background:#fff;}
.product ul li a:hover{background-color:rgba(25,73,157,1);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; color:#fff;}

.vr_list{ width:100%; height:auto; float:left;}
.m_wrap{ display:none;}
.wrap{position:relative; float:left; width: 390px; height:320px; margin:5px; background:#e8f5fe; overflow:hidden;}
.wrap img{position:absolute; top:0; left:0; width:382px; height:310px; border:1px solid #d2d2d2; padding:3px; background:#fff;}
.wrap h3{line-height:30px; color:#fff; padding-left:20px; font-size:1rem;}
.cover{position:absolute; background:#555; height:60px; width:98.5%;top:320px; margin:3px;}


.vr_zhuanye{ width:100%; height:165px;float:left; background:url(../images/z_bg.jpg); background-position:center center;margin-top:40px; padding-top:35px;}
.vr_zhuanye .container div{ width:40%; float:left; padding-left:10%; color:#fff;}

.vr_news{ width:100%; height:auto;float:left;margin-top:50px;}
.vr_news .n_list{ width:50%; height:auto; float:left;}
.vr_news .n_list .n_tit{ width:100%; height:auto; float:left; padding-bottom:25px;}
.vr_news .n_list .n_tit h1{ font-size:1.875rem;color:#333;}
.vr_news .n_list .n_tit .f-r{ padding-right:10%;}
.vr_news .n_list ul{ width:100%; height:auto; float:left; line-height:200%;color:#666;}
.vr_news .n_list ul a{ color:#666;}

.foot_menu{ width:100%; height:auto; float:left; background:#EC6D10; line-height:50px; text-align:center; color:#fff; margin-top:40px; margin-bottom:1px;}
.foot_menu a{ color:#fff; padding-left:20px; padding-right:20px;}

.footer{width:100%; height:auto; float:left; text-align:center; line-height:200%; color:#666; font-size:0.875rem; padding-top:30px;padding-bottom:30px; background:#E5E6E8;}
.footer img{ padding-top:10px;}
.frk{width:100%; height:auto; float:left; border-top:1px solid #e5e5e5; line-height:180%; font-size:0.75rem; padding-top:10px; padding-bottom:10px;}
.frk a{ padding-right:10px;}
.float-div{position:fixed; float:right;bottom:25px;width:100%;z-index:96; text-align:right; right:-25px;cursor:pointer}
@media(max-width:1024px) {
.navs ul li{margin-left:5px; margin-right:5px;}
.wrap{position:relative; float:left; width: 330px; height:270px; margin:1px; background:#e8f5fe; 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:1rem;}
.cover{position:absolute; background:#000; height:40px; width:100%; top:230px; }


}
@media(max-width:767px) {
	body { font-size:12px;}
	.m_sear{ display:block;width:98%; float:left; padding:1%; padding-top:10px; padding-bottom:10px; border-top:1px solid #eee; margin-top:8px;}
	.m_sear .input{ float:left; padding-right:8px;}
	.m_sear .input input{ width:250px;height:23px; line-height:23px; padding-left:10px; border:1px solid #eee; color:#888;}
	.m_sear .btn{ float:left; text-align:center;}
	.navs ul li{ width:120px;float:left; height:auto; padding:0px; position:relative; font-size:1.25rem;}
	.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:130px;}
	.m_wrap h3{line-height:40px; text-align:center; background:#eaeaea;font-size:1em;}
	.m_cover{ width:100%; height:auto; float:left;}

}
@media(max-width:480px){
body{ font-size:14px;}
	.header {
        display: none ;
    }
	header{ display:block;}
	
	.navs{ display:none;}
	.h_top{display: none ;}
	
	.mobile-menu-area {background: #ddd none repeat scroll 0 0;}
	.mobile-menu .logo {
		left: 10px;
		position: absolute;
		top: 8px;
		z-index: 99999999 !important;
	}
	.mobile-menu .logo img {
		height: 40px;
		width: 283px;
	}
	.banner{ display:none}
	.banner_m{ width:100%; display:block; }
	.banner_m img{ width:100%;border-top:1px solid #f0f0f0;}
	.vr_about .va_title .a_tit{ width:24%; font-size:1.5em}
	
	.vr_about .va_content{ width:98%; padding-left:1%; padding-right:1%;}
	
	.f42{ width:38%; border-bottom:1px solid #ccc;}
	.f27{width:98%; padding-left:1%; padding-right:1%; text-align:center;}
	.f69{width:98%; padding-left:1%; padding-right:1%; padding-top:10px;}
	.product{ width:98%; padding:1%;margin-top:20px; padding-top:20px; padding-bottom:20px;}
	.product ul li{ width:23.9%;}
	.vr_zhuanye{ padding:1%; width:98%;height:auto; padding-bottom:20px; padding-top:20px;}
	.vr_zhuanye .container div{ width:98%;padding-left:2%;}
	.vr_zhuanye .container div img{ max-width:100%;}
	.foot_menu{line-height:35px;}
	.foot_menu a{ color:#fff; padding-left:6px; padding-right:6px;}
	.frk{ display:none;}
	.vr_news .n_list{ width:98%; padding:1%;}
	.vr_news .n_list .n_tit h1{ font-size:1.3rem}
	.vr_news .n_list li{ font-size:14px;width:95%; padding-left:5%; background:#fafafa; border-bottom:2px solid #fff; line-height:250%;}
	.float-div img{ width:40px;}
	
}