@charset "utf-8";

/*common*/

* {font-family: "microsoft yahei" !important;}

/* -- 页面整体布局 -- */

.header , .footer ,.wrap{ width:1080px; margin:0 auto;}

/*reset-start*/

html{color:#333;background:#FFF; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}

fieldset,img{border:0;}

del,ins{text-decoration:none;}

li{list-style:none;}

em,i,strong{font-style: normal;}

body{font:12px/1.231 arial,helvetica,clean,sans-serif;}

/*title*/

h1 { font-size:32px;}

h2 { font-size:26px;}

h3 { font-size:20px;}

h4 { font-size:14px;}

h5 { font-size:12px;}

h6 { font-size:10px;}



a { color:#333; text-decoration:none;}  /*for ie f6n.net*/

a:focus{outline:0;} /*for ff f6n.net*/

a:hover { text-decoration:underline;}

.clear{clear:both; height:0; line-height:0; font-size:0;}

.fl { float:left;}

.fr { float:right;}

.pa{ position:absolute;}

.pr{ position:relative}

/*reset-end*/



 

/*头部开始*/

 

.h_top{    line-height: 20px; font-size: 14px;height: 25px; }

.h_top i{font-size: 12px; color: #333}

.h_top p a{ line-height: 20px;  font-size: 12px;color: #333}

.h_top p{line-height: 20px;  color: #333 }

.h_con { height:120px;  }

.h_con h1 a{  height: 88px; float:left;   font-size: 24px;color: #0191d7; padding-top: 15px; }

.h_con h1 em{display: block; font-size: 15px;color: #0191d7;    margin-top: 5px;}

.h_con h1 i{font-weight: normal;color: #0191d7;text-transform: uppercase;}

.h_con h1 img{float: left;}

.h_bt {  font-size:20px; color:#0191d7; margin:38px 0 0 0px; padding-left:15px;  line-height: 30px;  }

.h_bt span { display:block;     font-size: 18px; line-height: 24px; padding-left:15px;letter-spacing:-1px;font-weight: bold;text-align: center;}

.h_bt span em{font-size: 24px;letter-spacing:5px}

.h_pho {  font-size:16px; color:#535353;  height: 98px;background: url(../images/dianhua.gif) no-repeat left center;  width: 245px; margin-top: 5px;}

.h_pho em { display:block;  padding-left: 60px;  font-size: 18px;  color: #0191d7;font-weight: bold;    padding-top: 20px;    float: right; }

.h_pho span {     color: #0191d7; font-size:22px;   display: block;     margin-bottom: 5px;  margin-top: 5px; }

.main-menu{height:67px;font-size:14px;text-align:center;  background: url(../images/nav-bj.png) no-repeat center;}

.main-menu li{float:left; text-align:center;}

.main-menu li a{ line-height:67px;padding:0 22px;display:inline-block ; color: #333}

.main-menu li a:hover{ color:#0191d7;background: url(../images/nav-h.png) no-repeat center top; }

.main-menu .header .another a{color:#0191d7; background: url(../images/nav-h.png) no-repeat center top;}

/*头部结束*/



 

 

/*底部开始*/

 

.foot{ clear:both; color:#fff;line-height:26px; height:284px;background:#0191d7;}

.f_nav{ height:33px; line-height:33px; color:#fff; font-size:14px; padding-top:15px;padding-bottom:5px;border-bottom: 1px dashed #fff; }

.f_nav li a{ color:#fff; padding:0 22px;float: left;}

.f_logo{ width:198px; padding:50px 0 0;}

.f_con {margin-top:15px }

 

.f_text{  font-size:14px; margin: 10px;   margin-top: 20px;}

.f_text p{margin:auto;    text-align: center;}

.f_text a{color:#fff;}

.f_ewm{ width:199px;padding:30px 0 0; text-align:right;}

/*底部结束*/



/* online */



.yb_conct {position: fixed;z-index: 9999999;top: 50px;/* right: -127px; */right: 5px;cursor: pointer;transition: all .3s ease;}

.yb_bar ul li {width: 180px;height: 53px;font: 16px/53px 'Microsoft YaHei';color: #fff;text-indent: 54px;margin-bottom: 3px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}

.yb_bar .yb_top {background: #0191d7 url(../images/fixCont.png) no-repeat 0 0;}

.yb_bar .yb_phone {background: #0191d7 url(../images/fixCont.png) no-repeat 0 -57px;}

.yb_bar .yb_QQ {text-indent: 0;background: #0191d7 url(../images/fixCont.png) no-repeat 0 -113px}

.yb_bar .yb_ercode {/*height:200px;*/background: #0191d7 url(../images/fixCont.png) no-repeat 0 -169px;}

.hd_qr {padding: 0 29px 25px 29px;}

.yb_QQ a {display: block;text-indent: 54px;width: 100%;height: 100%;color: #fff;}