*{ padding:0; margin:0}
img{ border:0; }
ul,ol{ list-style:none}
a{ text-decoration:none}
.clearfix:after {visibility: hidden;display: block;font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { display: inline-table; }
/* Hides from IE7 - mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE7 - mac */

.header{ width: 100%; height: 50px; background: #3a3d41;}
.in-head{ width: 1200px; margin: 0 auto; height: 50px;}
.in-head .share{ float: left; font-size: 0;}
.in-head .share span{ font: 14px/50px "microsoft yahei"; color: #fff; vertical-align: middle;}
.in-head .share a{ display: inline-block; width: 32px; height: 32px; vertical-align: middle; background-repeat: no-repeat; background-position: 0 0; margin-left: 6px; transition: 0.3s all; -webkit-transition: 0.3s all; }
.in-head .share a:nth-child(2){ background-image: url(../images/s1.png);}
.in-head .share a:nth-child(3){ background-image: url(../images/s2.png);}
.in-head .share a:nth-child(4){ background-image: url(../images/s3.png);}
.in-head .share a:nth-child(5){ background-image: url(../images/s4.png);}
.in-head .share a:hover{ background-position: 0 -68px;}
.in-head .rBox{ float: right; font-size: 0;}
.in-head .rBox span{ display: inline-block; vertical-align: middle;}
.in-head .rBox .time{ font: 14px/50px "microsoft yahei"; color: #fff;}
.in-head .rBox .tel{ font: bold 24px/50px "microsoft yahei"; color: #4bcdd9; margin-left: 15px;}
.in-head .rBox .time img{ margin-right: 8px; vertical-align: middle;}
.in-head .rBox .tel img{ margin-right: 4px; margin-top: -2px; vertical-align: middle;}
.in-head .rBox .webMap{ font: 14px/50px "microsoft yahei"; color: #fff; vertical-align: middle; margin-left: 15px;}

.navWarp{ width: 1200px; margin: 15px auto;}
.navWarp .logo{ float: left; position: relative;}
.navWarp .logo img{ display: block;}
.navWarp .logo .brand{ position: absolute; right: -20px; top: 50%; margin-top: -18.5px; background-repeat: no-repeat; background-position: left top; width: 17px; height: 39px;}
.navWarp .nav{ float: right; margin-top: 26px;}
.navWarp .nav li{ float: left; margin-left: 38px;}
.navWarp .nav li a{ font: 18px/40px "microsoft yahei"; color: #333;}
.navWarp .nav li.cur a{ color: #4BCDD9;}
.navWarp .nav li a:hover{ color: #4BCDD9;}

.gbanner{ position: relative;}
.gbanner img{ display: block; width: 100%;}
.gbanner .menu{ position: absolute; left: 50%; top: 10px; margin-left: -600px; font-size: 0; width: 1200px;}
.gbanner .menu li{ display: inline-block; background: #f6f5f5; border-radius: 23px; margin-right: 10px; position: relative; overflow: hidden;}
.gbanner .menu li a{ display: block; padding: 0 20px; font: 16px/46px "microsoft yahei"; color: #333; position: relative; z-index: 1;}
.gbanner .menu li:before{ content: ''; width: 0; height: 100%; position: absolute; left: 0; top:0; transition: 0.4s all; -webkit-transition: 0.4s all; background: #4BCDD9;}
.gbanner .menu li:hover:before{ width: 100%;}
.gbanner .menu li:hover a{ color: #fff;}

.comm{ background: #f3f3f3; height: 199px;}
.in-comm{ text-align: center; font-size: 0; width: 1200px; margin: 0 auto; overflow: hidden;}
.in-comm li{ display: inline-block; vertical-align: top; width: 23%; margin: 0 1%; text-align: left; margin-top: 60px;}
.in-comm li .pic{ display: inline-block; vertical-align: top; width: 28%;}
.in-comm li .pic img{ display: block; width: 100%;}
.in-comm li .txt{ display: inline-block; width: 70%; margin-left: 2%; margin-top: 5px;}
.in-comm li .txt h3{ font: 18px/24px "microsoft yahei"; color: #666;}
.in-comm li .txt p{ font: 12px/21px "microsoft yahei"; color: #999;}
.in-comm li .pic .i2{ display: none;}
.in-comm li:hover .pic .i1{ display: none;}
.in-comm li:hover .pic .i2{ display: block;}
.in-comm li:hover .txt h3{ color: #ffb830;}

.footer{ background: #404141; padding-top: 25px;}
.footer .links{ width: 1200px; margin: 0 auto;}
.footer .links span,.links a{ font: 16px/32px "microsoft yahei"; color: #fff;}
.footer .slidebar{ width: 1200px; margin: 30px auto 0;}
.footer .slidebar .slidebar_l{ float: left; text-align: center; margin-top: 30px;}
.footer .slidebar .slidebar_l p{ font: 14px/32px "microsoft yahei"; color: #fff;}
.footer .slidebar .slidebar_c{ float: left;}
.footer .slidebar .slidebar_c dl{ float: left; border-left: 1px solid #5d5e5e; position: relative; padding-left: 80px; margin-left: 90px; padding-bottom: 20px;}
.footer .slidebar .slidebar_c dl:before{ content: ''; position: absolute; left: -2px; top: 0; height: 100%; width: 1px; border-left: 1px solid #333;}
.footer .slidebar .slidebar_c dl dt{ font: 18px/24px "microsoft yahei"; margin-bottom: 12px; color: #fff;}
.footer .slidebar .slidebar_c dl dd a{ font: 14px/26px "microsoft yahei"; color: #fff;}
.footer .slidebar .slidebar_r{ float: right; width: 234px; padding: 10px; border: 1px solid #fff; border-radius: 4px;}
.footer .slidebar .slidebar_r h3{ font: 18px/21px "microsoft yahei"; color: #fff; text-align: center; margin-bottom: 12px;}
.footer .slidebar .slidebar_r p{ font: 14px/21px "microsoft yahei"; color: #fff;}
.footer .copyrights{ text-align: center; font: 12px/38px "microsoft yahei"; color: #d5d5d5; border-top: 1px solid #5d5e5e; margin-top: 20px;line-height:22px;padding:10px 0;}
.footer .copyrights span{ margin-left: 40px;}
.footer .copyrights span a{ color: #D5D5D5;}

.kefu{ position: fixed; width: 66px; height: 296px; right: 0; top: 50%; margin-top: -148px; z-index: 99; }
.kefu li{ width: 66px; height: 73px; margin-bottom: 1px; text-align: center;position:relative;}
.kefu li a{ display: block; width: 100%; height: 100%;}
.kefu li.qq{ background: #6da9de url(../images/qq.png) center 12px no-repeat;}
.kefu li.weixin{ background: #78c340 url(../images/weixin.png) center 12px no-repeat; position: relative;cursor: pointer;}
.kefu li.weixin .weixin1{ width: 150px; height: 150px; position: absolute; right: 67px; top: -20%; background: #eee; display: none;}
.kefu li.weixin:hover .weixin1{ display: block;}
.kefu li.btnTel{ background: #fbb01f url(../images/tel.png) center 12px no-repeat;}
.kefu li.btnTop{ background: url(../images/btntop.png) center center no-repeat;}
.kefu li p{ font: 12px/16px "microsoft yahei"; color: #fff; padding-top: 48px;}
.kefu li p.tit{display:none;font: 18px "microsoft yahei";color: #fff;position: absolute;right:68px;top: 0;background: #fbb01f;padding: 0;line-height:  73px;height:  73px;overflow: hidden;width: 150px;}
.kefu li.btnTel:hover .tit{display:block;}

@media only screen and (min-width: 960px) and (max-width: 1199px) {

.in-head{ width: 98%;}

.navWarp{ width: 98%; margin: 15px auto;}
.navWarp .logo{ float: left; position: relative;}
.navWarp .logo img{ display: block; width: 150px;}
.navWarp .logo .brand{ position: absolute; right: -20px; top: 50%; margin-top: -18.5px; background-repeat: no-repeat; background-position: left top; width: 17px; height: 39px;}
.navWarp .nav{ float: right; margin-top: 6px;}
.navWarp .nav li{ float: left; margin-left: 28px;}
.navWarp .nav li a{ font: 16px/40px "microsoft yahei"; color: #333;}

.gbanner .menu{ left: 1%; margin-left: 0; width: 98%;}
.gbanner .menu li{border-radius: 18px; }
.gbanner .menu li a{  font: 14px/36px "microsoft yahei"; }	

.in-comm{ text-align: center; font-size: 0; width: 98%; margin: 0 auto; overflow: hidden;}

.footer{ background: #404141; padding-top: 25px;}
.footer .links{ width: 98%; margin: 0 auto;}
.footer .links span,.links a{ font: 14px/32px "microsoft yahei"; }
.footer .slidebar{ width: 98%; text-align: center; }
.footer .slidebar .slidebar_l,.footer .slidebar .slidebar_c,.footer .slidebar .slidebar_r{ display: inline-block; float: none; vertical-align: top;}
.footer .slidebar .slidebar_c dl{ padding: 0 25px; margin: 0 20px;}

}

@media only screen and (min-width: 640px) and (max-width: 959px) {
	
	.header{  height: 40px; }
.in-head{ width: 98%; margin: 0 auto; height: 40px;}
.in-head .share span{ font: 14px/40px "microsoft yahei"; }
.in-head .share a{ display: inline-block; width: 26px; height: 26px;  background-size: cover; }
.in-head .rBox .time{ font: 14px/40px "microsoft yahei"; color: #fff;}
.in-head .rBox .tel{ font: bold 20px/40px "microsoft yahei";}
.in-head .rBox .time img{ margin-right: 8px; }
.in-head .rBox .tel img{ margin-right: 4px; margin-top: -4px; }
.in-head .rBox .webMap{ font: 14px/40px "microsoft yahei"; }

.navWarp{ width: 100%; margin: 15px auto; text-align: center;}
.navWarp .logo{ float: none; position: relative; display: inline-block;}
.navWarp .logo img{ display: block;}
.navWarp .logo .brand{ position: absolute; right: -20px; top: 50%; margin-top: -18.5px; background-repeat: no-repeat; background-position: left top; width: 17px; height: 39px;}
.navWarp .nav{ float: none; margin-top: 6px;}
.navWarp .nav li{ float: left; margin-left: 0; width: 12.5%;}
.navWarp .nav li a{ font: 18px/40px "microsoft yahei"; color: #333;}
.navWarp .nav li.cur a{ color: #4BCDD9;}
.navWarp .nav li a:hover{ color: #4BCDD9;}

.gbanner{ position: relative;}
.gbanner img{ display: block; width: 100%;}
.gbanner .menu{ position: absolute; left: 2%; top: 10px; margin-left: 0; font-size: 0; width: auto;}
.gbanner .menu li{ display: inline-block; background: #f6f5f5; border-radius: 23px; margin-right: 10px; position: relative; overflow: hidden;}
.gbanner .menu li a{ display: block; padding: 0 20px; font: 14px/32px "microsoft yahei"; color: #333; position: relative; z-index: 1;}
.gbanner .menu li:before{ content: ''; width: 0; height: 100%; position: absolute; left: 0; top:0; transition: 0.4s all; -webkit-transition: 0.4s all; background: #4BCDD9;}
.gbanner .menu li:hover:before{ width: 100%;}
.gbanner .menu li:hover a{ color: #fff;}

.comm{ background: url(../images/comm.jpg) center center no-repeat; height: 179px;}
.in-comm{ text-align: center; font-size: 0; width: 98%; }
.in-comm li{ display: inline-block; vertical-align: top; width: 23%; margin: 0 1%; text-align: left; margin-top: 50px;}
.in-comm li .pic img{ display: block; width: 100%;}
.in-comm li .txt h3{ font: 14px/24px "microsoft yahei"; }
.in-comm li .txt p{ font: 12px/21px "microsoft yahei"; }

.footer{ background: #404141; padding-top: 25px;}
.footer .links{ width: 98%; margin: 0 auto;}
.footer .links span,.links a{ font: 16px/32px "microsoft yahei"; color: #fff;}
.footer .slidebar{ width: 98%; margin: 30px auto 0; font-size: 0; text-align: center;}
.footer .slidebar .slidebar_l{ float: none; width: 33%; display: inline-block; text-align: center; margin-top: 10px; vertical-align: top;}
.footer .slidebar .slidebar_l img{ display: block; width: 80%; margin: 0 auto;}
.footer .slidebar .slidebar_l p{ font: 12px/32px "microsoft yahei"; color: #fff;}
.footer .slidebar .slidebar_c{ float: none; display: inline-block; text-align: left; width: 67%;}
.footer .slidebar .slidebar_c dl{ float: left; border-left: 1px solid #5d5e5e; position: relative; margin: 0; width: 33%; padding-bottom: 20px; padding-left: 10%; margin-left: 3%;}
.footer .slidebar .slidebar_c dl:before{ content: ''; position: absolute; left: -2px; top: 0; height: 100%; width: 1px; border-left: 1px solid #333;}
.footer .slidebar .slidebar_c dl dt{ font: 14px/24px "microsoft yahei"; margin-bottom: 12px; color: #fff;}
.footer .slidebar .slidebar_c dl dd a{ font: 12px/20px "microsoft yahei"; color: #fff;}
.footer .slidebar .slidebar_r{ display: none;}
.footer .copyrights{ text-align: center; font: 12px/38px "microsoft yahei"; color: #d5d5d5; border-top: 1px solid #5d5e5e; margin-top: 20px;}
.footer .copyrights span{ margin-left: 40px;}
.footer .copyrights span a{ color: #D5D5D5;}
	
}



@media only screen and (min-width: 320px) and (max-width: 639px) {
	.header{  height: 35px; }
.in-head{ width: 98%; margin: 0 auto; height: 40px;}
.in-head .share span{ font: 14px/35px "microsoft yahei"; }
.in-head .share a{ display: inline-block; width: 24px; height: 24px;  background-size: cover; }
.in-head .rBox{display: none;}

.navWarp{ width: 100%; margin: 0 auto; text-align: center;}
.navWarp .logo{ float: none; position: relative; display: inline-block; margin-top: 6px;}
.navWarp .logo img{ display: block; width: 145px;}
.navWarp .logo .brand{ position: absolute; right: -20px; top: 50%; margin-top: -18.5px; background-repeat: no-repeat; background-position: left top; width: 17px; height: 39px;}
.navWarp .nav{ float: none; margin-top: 6px; background: #F6F5F5; overflow: hidden;}
.navWarp .nav li{ float: left; margin-left: 0; width: 25%;}
.navWarp .nav li a{ font: 14px/30px "microsoft yahei"; color: #333;}
.navWarp .nav li.cur a{ color: #4BCDD9;}
.navWarp .nav li a:hover{ color: #4BCDD9;}

.gbanner{ position: relative;}
.gbanner img{ display: block; width: 100%;}
.gbanner .menu{ display: none;}

.comm{ background: url(../images/comm.jpg) center center no-repeat; height: auto;}
.in-comm{ text-align: center; font-size: 0; width: 98%; margin: 0 auto; overflow: hidden;}
.in-comm li{ display: inline-block; vertical-align: top; width: 48%; margin: 0 1%; padding: 10px 0; text-align: left; margin-top: 0px;}
.in-comm li .pic{ display: inline-block; vertical-align: middle; width: 28%;}
.in-comm li .pic img{ display: block; width: 100%;}
.in-comm li .txt{ display: inline-block; width: 70%; margin-left: 2%; margin-top: 0; vertical-align: middle;}
.in-comm li .txt h3{ font: 14px/24px "microsoft yahei"; }
.in-comm li .txt p{ display: none;}
.in-comm li .pic .i2{ display: none;}
.in-comm li:hover .pic .i1{ display: none;}
.in-comm li:hover .pic .i2{ display: block;}
.in-comm li:hover .txt h3,.in-comm li:hover .txt p{ color: #EB4F38;}

.footer{ background: #404141; padding-top: 25px;}
.footer .links{ width: 98%; margin: 0 auto;}
.footer .links span,.links a{ font: 12px/21px "microsoft yahei"; color: #fff;}
.footer .slidebar{ width: 98%; margin: 30px auto 0;}
.footer .slidebar .slidebar_l{ display: none;}
.footer .slidebar .slidebar_c{ float: none; width: 100%; overflow: hidden;}
.footer .slidebar .slidebar_c dl{ float: left; width: 43%; padding-left: 5%; border-left: 1px solid #5d5e5e; position: relative;  margin-left: 0; padding-bottom: 0px;}
.footer .slidebar .slidebar_c dl:before{ content: ''; position: absolute; left: -2px; top: 0; height: 100%; width: 1px; border-left: 1px solid #333;}
.footer .slidebar .slidebar_c dl:first-child{ border-left: none;}
.footer .slidebar .slidebar_c dl dt{ font: 14px/21px "microsoft yahei"; margin-bottom: 12px; color: #fff;}
.footer .slidebar .slidebar_c dl dd a{ font: 12px/21px "microsoft yahei"; color: #fff;}
.footer .slidebar .slidebar_r{ float: none; width: 94%; margin-top: 20px; padding: 2%; border: 1px solid #fff; border-radius: 4px;  text-align: center;}
.footer .slidebar .slidebar_r h3{ font: 14px/21px "microsoft yahei"; color: #fff; margin-bottom: 12px;}
.footer .slidebar .slidebar_r p{ font: 12px/21px "microsoft yahei"; color: #fff;}
.footer .copyrights{ text-align: center; font: 12px/21px "microsoft yahei"; padding-top: 10px; margin-top: 20px; padding-bottom: 10px;}
.footer .copyrights span{ margin-left: 0; display: block;}
.footer .copyrights span a{ color: #D5D5D5;}

.kefu{ display: none;}

}