
body {font-size:14px; margin:0px;background:#FFF; font-family:"微软雅黑";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,img,p,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,hr{margin:0;padding:0}
body{line-height:1.333;font-size:12px}
li{list-style:none}
em,i{ font-style:normal;}
a:link{color: #333; text-decoration: none;}
a:visited{color:#333; text-decoration: none;}
a:hover{color:#e0be8e; text-decoration:none;}
a:active{color:#e0be8e; text-decoration:none}
.clear{clear:both}
.fl{ float:left;}
.fr{ float:right;}
.fc{ margin:0 auto;}
img{border:none;vertical-align: middle;}
/*清除浮动*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {+height:1%;}



.pngfix{}
.pt20{padding-top: 20px;}
.ml_5{margin-left: 5px;}.ml_10{margin-left: 10px;}
.h34{height: 34px;}.w240{width: 240px;}
.ml220{margin-left: 220px;}
.mb60{margin-bottom: 60px;}.mb50{margin-bottom: 50px;}.mb40{margin-bottom: 40px;}
.mb30{margin-bottom: 30px;}.mb20{margin-bottom: 20px;}.mb15{margin-bottom: 15px;}
.mt60{margin-top: 60px;}.mt50{margin-top: 50px;}.mt40{margin-top: 40px;}
.mt30{margin-top: 30px;}.mt20{margin-top: 20px;}.mt15{margin-top: 15px;}
.cb0{clear:both;height:0px;line-height:0px;font-size:0;overflow:hidden;}
.cb{clear:both;height:1px;line-height:1px;font-size:0;overflow:hidden;}
.cb5{clear:both;height:5px;line-height:5px;font-size:0;overflow:hidden;}
.cb10{clear:both;height:10px;line-height:10px;font-size:0;overflow:hidden;}
.cb15{clear:both;height:15px;line-height:15px;font-size:0;overflow:hidden;}
.cb20{clear:both;height:20px;line-height:20px;font-size:0;overflow:hidden;}
.cb30{clear:both;height:30px;line-height:30px;font-size:0;overflow:hidden;}
.cb40{clear:both;height:40px;line-height:40px;font-size:0;overflow:hidden;}
.cb50{clear:both;height:50px;line-height:50px;font-size:0;overflow:hidden;}
.cb60{clear:both;height:60px;line-height:60px;font-size:0;overflow:hidden;}
.cb100{clear:both; height:100px; line-height:100px; font-size:0; overflow:hidden;}
.cb500{clear:both; height:500px; line-height:500px; font-size:0; overflow:hidden;}
.sj04{-webkit-transition-duration: .4s; transition-duration: .4s;}
.sj09{-webkit-transition-duration: .9s; transition-duration: .9s;}
.sj012{-webkit-transition-duration: 1.2s; transition-duration: 1.2s;}
.sj015{-webkit-transition-duration: 1.5s; transition-duration: 1.5s;}
.sj018{-webkit-transition-duration: 1.8s; transition-duration: 1.8s;}
img.animated{
 -webkit-animation-duration:1s;
 animation-duration:1s;
 animation-delay:0.5s;
-webkit-animation-delay:0.5s; 
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
.bannertime{transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;}
.bannertime1{transition:all .8s ease-in-out .2s;-moz-transition:all .8s ease-in-out .2s;-ms-transition:all .8s ease-in-out .2s;-o-transition:all .8s ease-in-out .2s;-webkit-transition:all .8s ease-in-out .2s;}
.bannertime2{transition:all 1s ease-in-out .2s;-moz-transition:all 1s ease-in-out .2s;-ms-transition:all 1s ease-in-out .2s;-o-transition:all 1s ease-in-out 2s;-webkit-transition:all 1s ease-in-out .2s;}

span.cb20{display: block;height: 15px;line-height: 15px;}
.container{width: 1200px;margin: 0px auto;clear:both;}
/*头部*/
.header{height: 135px;width: 100%;background-color: #7ba9f9;position: relative;z-index: 999;}
.logo{width: 347px;height: 68px;float: left;margin-top: 30px;}
.navbar{float: right;position: relative;width: 616px;height: 133px;}
.navbar li{float: left;position: relative;width: 88px;height: 133px;transition:0.5s;}
.navbar li a{width: 20px;height: 98px;text-align: center;display: block;padding-top: 20px;
	color: #fff;font-size: 18px;margin-left: 25px;}
.navbar li.active a,.navbar li:hover a{color: #7ba9f9 !important;}
.navbar li.active i,.navbar li:hover i{display: block;}
.navbar li.active,.navbar li:hover{background: url(../image/navlibg.png) no-repeat;cursor: pointer;}

.nav_fuwu{ width:150px !important; height:auto; background:#58585a; padding:0px !important;display:none;
position: relative;top:15px;right: 38px;background:#fff;border:1px solid #7ba9f9; clear:both;}
.nav_fuwu span a{ color:#fff !important; font-size:14px !important;width:150px !important; height:45px !important;
 line-height:45px !important; border-bottom:1px #ccc dashed ; padding:0 !important;margin-left:0;}
.nav_fuwu span a:hover{ background:#7ba9f9;color: #fff;}
.nav_fuwu span:hover a{color: #fff !important;}
.navbar li:hover .nav_fuwu{display: block;}
.nav_fuwu span.last a{border:none;}
.navbar li ul.nav_fuwu1{width:440px!important;left: -177px;padding: 10px !important;background-color: #fff; height:320px; }
ul.nav_fuwu1 span{ width:50%;float: left;display:block}
ul.nav_fuwu1 span a{display:block;width:100%!important;}

/*底部*/
.footer{width: 100%;background-color: #7ba9f9;margin-top: 5px;}
.footnavbar{width: 1200px;margin:0px auto;height: 40px;border-bottom: 1px solid #fff;padding-bottom:10px;}
.footnavbar ul{width: 1050px;margin:0px auto;}
.footnavbar a{display: block;font-size: 16px;color: #fff;padding: 0 43px;}
.footnavbar li{height: 40px;line-height: 40px;float: left;}
.footer a:hover{color: #666;}

.footbox{width: 1200px;margin:0px auto;}
.flogo{display: block;float: left;margin-top: 40px;margin-left: 25px;}
.footleft{float: left;width: 570px;margin-top: 20px;margin-left: 50px;}
.footleft p{font-size: 16px;color: #fff;line-height: 30px;clear: both;}

.footright{float: right;}
.footcode{float: right;margin-top: 40px;}
.footcode span{width: 166px;height: 166px;display: inline-block;overflow:hidden;text-align: center;}
.footcode span img{width: 166px;height: auto;}
.footcode em{width: 20px;color: #fff;
text-align: center;
display: inline-block;
word-wrap: break-word;}

.footer_bottom{width: 100%;background-color: #7ba9f9; height: 73px;line-height:35px;font-size: 14px;text-align: center;min-width: 1200px; border-top:1px solid #ccc;}
/*.footer_bottom span{display: inline-block;margin-left: 10px;color: #fff;}
.footer_bottom a{color: #fff;font-size: 14px;margin-left: 10px;}*/
.footer_bottom a:hover{color: #666;}
.footer_bottom p{ text-align:left;}
.footer_bottom div.fr{width: 30%;text-align: right;}
.footer_bottom span,.footer_bottom a{font-size: 14px;color: #fff; line-height: 35px; padding:0 5px; display:inline-block;}
.footer_bottom img{float: left;margin:13px 5px 0 5px;}
.footer_bottom span.fbright{float: right;}
.fbright a{color: #fff; display:block; float:right;}
.fbright a:hover,.footerbottom a:hover{text-decoration: none;color: #666;}

/*分页*/
.pagination-wrapper{margin: 20px 0; font-size:14px; color:#555; clear:both;position: relative;top:15px;} 
.pagination{height: 34px;text-align: center;} 
.pagination li {height: 34px;margin-right: 5px;float: left;display: block;padding: 0 12px;border: 1px solid #dddddd;line-height: 32px;} 
.pagination li a{height: 32px;font-size: 14px;color: #555555;text-decoration: none;} 
.pagination li a:hover{color:#7ba9f9;} 
.pagination li.thisclass {background: #7ba9f9;color: #fff;} 
.pagination li.thisclass a,.pagination li.thisclass a:hover{background: transparent;border-color: #7ba9f9;color: #fff;cursor: default;}





/**在线客服**/
.izl-rmenu{position:fixed; right:0; margin-right:3px; top:50%; margin-top:-140px; padding-bottom:20px; z-index:999; }
.izl-rmenu .btn{width:64px; height:64px; cursor:pointer; position:relative;border-bottom: 1px solid #fff;}
.btn-phone1{background:url(../image/kf2.jpg) no-repeat;}
.btn-phone2{background:url(../image/kf3.jpg) no-repeat;}
.btn-wx{background:url(../image/kf4.jpg) no-repeat;}
.izl-rmenu .phone{background-color:#eef1f2; position:absolute; width:150px; left:-150px; top:0px; 
	color:#333; font-size:19px; text-align:center; display:none;height: 64px;line-height: 64px;}
.izl-rmenu .btn img{display: none;position: absolute;top:0;left: -120px;}
.izl-rmenu div.btn-top{background:url(../image/kf6.jpg) no-repeat; display:none;border-bottom: none;}





