*{padding:0px; margin:0px; list-style:none;}
body{font:14px/1 "微软雅黑"; color:#333;}
a{color:#444; text-decoration:none;}
a:hover{color:#0088CD;}
img{border:0px;}
.red, a.red{color:#F00;}
.blue, a.blue{color:#0088CD;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.clearfix::after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.wrap{margin:0px auto;}

.topbar{height:50px; background-color:#EEEEEE;}
.topbar-left, .topbar-right{height: 50px;line-height:50px;}
.topbar-left{
	padding-left:20px; font-size:16px; float:left;
}
.topbar-left{font-size:14px;}
.topbar-left span{display:inline-block; margin:0px 5px;}
.topbar-right{float:right; font-size:14px;}
.topbar-right span{display:inline-block; padding: 0px 10px;}
.index-banner .swiper-slide{
	background-position: center center; background-repeat:no-repeat; background-size:cover;
}

.topmenu{height:100px; position:relative;}
.topmenu-left{height:100px; float:left;}
.topmenu-middle{position:absolute; left:250px; right:180px; top:0px; bottom:0px;}
.topmenu-middle a{display:block; width:20%; line-height:100px; text-align:center; font-size:16px;  float:left;}
.topmenu-middle a:hover{background-color:#0088CD; color:#FFFFFF;}
.topmenu-middle a.curr{background-color:#0088CD; color:#FFFFFF;}

.topmenu-right{position:absolute; right:0px; top:0px; bottom:0px;}
.topmenu-right div{padding-top:35px; padding-bottom:35px; height:30px;}
.topmenu-right label{display:block; position:relative; border:solid 1px #CCCCCC;}
.topmenu-right input{border:none; outline:none; width:150px; height:28px; padding-left:10px; padding-right:40px;}
.topmenu-right label:click{border-color:#0088CD;}
.topmenu-right button{
	position:absolute; right:0px; top:0px; width:28px; height:28px; border:0;outline: none;
	background-color: transparent; background-image:url(../images/search.png);
	background-repeat:no-repeat; background-position: center;text-indent:-99999999px;
}

.footer-bg{background-color:#363636;}
.footmenu{padding:50px 0px; text-align:center;}
.footmenu a{display:inline-block; padding:0px 15px; font-size:16px; color:#FFFFFF;}
.footline{height:1px; background-color:#666666;}
.copyright{padding:20px; text-align:center; font-size:16px; color:#FFFFFF;}
.copyright a{color:#FFFFFF;}
.copyright a:hover{color:#F00;}

#wh-totop {position:fixed; width: 40px; right:0; bottom:80px;  z-index:999;}
#wh-totop .totop {width:40px;height:40px; margin-bottom:4px;cursor:pointer;position:relative; border: none; border-radius: 4px;}
#wh-totop .totop-qq{background:url(/images/icon/qq.png) center center no-repeat;background-color:#6da9de;}
#wh-totop .totop-qq:hover{background-color:#488bc7;}
#wh-totop a.totop-qq, #wh-totop a.totop-qq:visited{background:url(../images/qq.png) center center no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
#wh-totop .totop-wx{background:url(../images/weixin.png) center center no-repeat;background-color:#78c340;}
#wh-totop .totop-wx:hover{background-color:#58a81c;}
#wh-totop .totop-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
#wh-totop .totop-phone{background:url(../images/tel.png) center center no-repeat;background-color:#fbb01f;}
#wh-totop .totop-phone:hover{background-color:#ff811b;}
#wh-totop .totop-phone .phone{background-color:#ff811b;position:absolute;width:160px; padding: 10px; left:-180px;top:0px;line-height:24px;color:#FFF;font-size:14px;text-align:left;display:none; border-radius: 4px;}
#wh-totop .totop-top{background:url(../images/top.png) center center no-repeat;background-color:#FF7A4D;display:none; }
#wh-totop .totop-top:hover{background-color:#444;}


@media screen and (min-width:1280px){
	.wrap{width:1200px;}
}

@media screen and (max-width:1280px){
	.wrap{width:1140px;}
}

@media screen and (max-width:1200px){
	.wrap{width:1080px;}
}

@media screen and (max-width:1100px){
	.wrap{width:1020px;}
}

@media screen and (max-width:1000px){
	.wrap{width:980px;}
}

@media screen and (min-width:980px){
	.topbar-left, .topbar-right, .topmenu{display:block;}
	.m-topbar-left, .m-topbar-right{display:none;}
}

@media screen and (max-width:980px){
	.wrap{width:auto;}
	.topbar-left, .topbar-right, .topmenu{display:none;}
	.m-topbar-left, .m-topbar-right{display:block;}
	.topbar{position:fixed; z-index:999; top:0px; left:0px; right:0px; height:80px;}
	.m-topbar-left{height:80px; float:left;}
	.m-topbar-left a{display:block;}
	.m-topbar-left a img{height:80px;}
	.m-topbar-right{height:80px; width:30px; padding:0px 10px; float:right;}
	.m-topbar-right-select{padding-top:17px; padding-bottom:17px; width:30px; height:46px;}
	.m-topbar-right-select p{height:2px; width:30px; margin:10px auto; background-color:#333333;}
	.m-topbar-right-menu{position:fixed; top:80px; left:0px; right:0px; background-color:#FFFFFF; display:none;}
	.m-topbar-right-menu a{ position:relative;
		display:block; padding:0px 10px; height:40px; line-height: 40px; 
		border-bottom:1px solid #E9E9E9; color:#333333; font-size:14px;
	}
	.m-topbar-right-menu a i{
		position:absolute; right:10px; top:0px; bottom:0px; width:8px; 
		background-image: url(../images/arrow-right.png); background-repeat:no-repeat; 
		background-position:center; background-size:contain;;
	}
	
	.m-topbar-right-select-anime p:nth-child(2){
	  opacity: 0;
	}
	
	.m-topbar-right-select-anime p:nth-child(1){
	  -webkit-transform: translateY(13px) rotate(45deg);
	  -ms-transform: translateY(13px) rotate(45deg);
	  -o-transform: translateY(13px) rotate(45deg);
	  transform: translateY(13px) rotate(45deg);
	}

	.m-topbar-right-select-anime p:nth-child(3){
	  -webkit-transform: translateY(-13px) rotate(-45deg);
	  -ms-transform: translateY(-13px) rotate(-45deg);
	  -o-transform: translateY(-13px) rotate(-45deg);
	  transform: translateY(-13px) rotate(-45deg);
	}
}

@media screen and (max-width:779px){
	.topbar{height:50px;}
	.m-topbar-left{height:50px;}
	.m-topbar-left a img{height:50px;}
	.m-topbar-right{height:50px; width:25px;}
	.m-topbar-right-select{padding-top:12px; padding-bottom:12px; width:25px; height:26px;}
	.m-topbar-right-select p{width:25px; margin:5px auto;}
	.m-topbar-right-menu{position:fixed; top:50px;}
		
	.m-topbar-right-select-anime p:nth-child(1){
	  -webkit-transform: translateY(8px) rotate(45deg);
	  -ms-transform: translateY(8px) rotate(45deg);
	  -o-transform: translateY(8px) rotate(45deg);
	  transform: translateY(8px) rotate(45deg);
	}
	.m-topbar-right-select-anime p:nth-child(3){
	  -webkit-transform: translateY(-8px) rotate(-45deg);
	  -ms-transform: translateY(-8px) rotate(-45deg);
	  -o-transform: translateY(-8px) rotate(-45deg);
	  transform: translateY(-8px) rotate(-45deg);
	}
	
	.footmenu{padding:20px 0px; text-align:inherit; line-height:26px; }
	.footmenu a{padding:0px; width:33.33333%; text-align:center; font-size:14px; float:left;}
	.copyright{font-size:14px;}
}





















/*
.index-product-list{
	margin-top:20px;
}

.index-product-list div{
	width: 260px;
	margin-left:20px;	
	float:left;
}

.index-product-list div a{
	display: block; 
	overflow: hidden;
	border:1px solid #E4E4E4;
}


.index-product-list div a:hover{
	border-color: #0088CD;
	box-shadow: 0 0 20px rgba(0,0,0,.2);
}

.index-product-list div a img{
	width: 100%;
	display: inline-block;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-ms-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	transition: all .25s ease-in;
}

.index-product-list div a:hover img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.index-product-list div a p{
    padding-top: 20px;
    text-align: center;
    position: relative;
    padding-bottom: 30px;
    font-size: 18px;
    margin-top: 20px;
}

.index-product-list div a p:before{
    content: '';
    width: 26px;
    height: 1px;
    background: #999;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -13px;
}

.index-case-bg{
	padding-top:50px;
	padding-bottom:50px;
	background-image:url(../images/bg1.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.index-case{
}

.index-case-title{
	font-weight: 500;
	font-size: 24px;
	color: #333333;
}

.index-case-title>span{
	display: inline-block;
	margin-left: 15px;
	font-size: 18px;
	color: #999;
}

.index-case-title>a{
	float: right;
	font-size:16px;
	color: #0088CD;
}

.index-case-list{
	margin-top:20px;
}

.index-case-list li{
	width: 350px;
	margin-left:25px;	
	float:left;
}

.index-case-list a{
	display: block; 
	overflow: hidden;
	border:1px solid #E4E4E4;
}


.index-case-list a:hover{
	border-color: #0088CD;
	box-shadow: 0 0 20px rgba(0,0,0,.2);
}

.index-case-list a img{
	width: 100%;
	display: inline-block;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-ms-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	transition: all .25s ease-in;
}

.index-case-list a:hover img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.index-case-list a p{
    padding-top: 20px;
    text-align: center;
    position: relative;
    padding-bottom: 30px;
    font-size: 18px;
    margin-top: 20px;
}

.index-case-list a p:before{
    content: '';
    width: 26px;
    height: 1px;
    background: #999;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -13px;
}






@media screen and (max-width:768px){
	
	
}
*/