@charset "utf-8";

/* CSS Document */

*{ padding: 0;}

body

{

	font-size: 12px;

	color: #333;

	margin: 0px;

	font-family: 微软雅黑, Microsoft YaHei,  Arial, Helvetica, sans-serif;

  

}

ul,li

{

	list-style-type: none;

}

img,ul,li

{

	padding: 0px;

	margin: 0px;

}

img

{

	border: none;

}

a

{

	color: #333;

	text-decoration: none;

}

a:hover

{

	text-decoration: none;transition: all 0.3s ease-out 0s;

}

a:active

{

	text-decoration: none;

}

.clear

{

	clear: both;

}

img

{

	border: 0;

}

.clearfix:after

{

	visibility: hidden;

	display: block;

	font-size: 0;

	clear: both;

	height: 0;

}

.clearfloat

{

	clear: both;

	height: 0;

	font-size: 1px;

	line-height: 0px;

}

.clearfix

{

	display: inline-table;

}



input,textarea

{

	outline: none;

	border: 0px;

}



/* Hides from IE-mac \*/

* html .clearfix

{

	height: 1%;

}

.clearfix

{

	display: block;

}



h3{font-weight: normal;}

h1,h2,h3,h4,h5,p,dl,dd,dt{margin:0;font-weight: normal;}



i,em{ font-style: normal;}



/* End hide from IE-mac */ 

@media screen and (min-width:1180px){ body {overflow-x: hidden;}}



/*公用*/

.con_width{ width:1180px; margin-left:auto; margin-right:auto;overflow:hidden;}

.fl { float:left;}

.fr { float:right;}

.hide{display:none;}

/*字体定义*/

.f12{font-size:12px;}

.f14{font-size:14px;}

.f16{font-size:16px;}

.f18{font-size:18px;}

.f20{font-size:20px;}

.f22{font-size:22px;}

.f24{font-size:24px;}

.f26{font-size:26px;}

.f28{font-size:28px;}

.f30{font-size:30px;}

.f36{font-size:36px;}

/*颜色定义*/

.black{color:#545454;}

.gray{color:#c4c3c3;}

.red,.red a{color:#01BB21;}

.black,.black a{color:#01BB21;}

.white{color:#fff;}



/*单行文本溢出省略号*/

.ellip{display:inline-block;*display:inline;zoom:1;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}







.top_box{height:175px; background:url(../images/toper_bg.png) repeat-x;}

.top{height:34px;line-height:34px;}

.top a{padding:0 5px;}

.top a img{margin-bottom:-4px;}

.logo,.toper .logo .logo_phone{overflow:hidden;}

.logo{margin:5px auto;}

.logo h1{margin:32px 0 30px 0;padding-right:15px;}

.logo .slogan{border-left:1px solid #d8d8d8;padding:0 20px;margin:30px 0 0 0px;line-height:36px;}

.logo .slogan strong{margin-right:20px;}

.logo .logo_phone{margin-top:30px;}

.logo .logo_phone p{background:url(../images/con_phone.png) no-repeat left 3px;font-size:14px;color:#545454; padding-left:85px;    height: 85px;}

.logo .logo_phone p span{display:block;font-size:22px;font-weight:bold;}



/*nav*/

.nav_all{background:#02BB20; }

.nav{ width:1180px; height:50px; margin:0 auto ; z-index:9999; }

.nav li{float:left;height:50px; line-height:48px;position:relative; z-index:100;text-align:center; }

.nav li a{float:left;display:block;height:50px; text-align:center; line-height:50px; background:url(../images/nav_line.png) no-repeat right center;padding:0 28px;}

.nav li:hover{background:#E0E01C;border-bottom:4px #FCFB01 solid;height:46px;}

.nav li:hover a span{ color:  #02BB20 }

.nav li a.selected{background:#E0E01C;border-bottom:4px #FCFB01 solid;height:46px;}

.nav li a.selected span{ color:  #02BB20  }

.another{background:#E0E01C;border-bottom:4px #FCFB01 solid;height:46px;} 
.another a span{ color:  #02BB20 }

.nav li a span{float:left;display:block;cursor:pointer; font-family:"Microsoft YaHei";text-align:center; color:#fff;font-size:14px;font-weight:bold;}

.fixedNav{ position: fixed; top: 0; width: 100%; z-index: 99999; }





/*底部*/

.footer{ background:url(../images/foot_bg.jpg);color:#fff;padding-top:20px;}

.footer .con_width{overflow:hidden;}

.footer h2{ font-size: 12px; }

.foot_con,.foot_con a{color:#5c5c5c;}

.foot_con{margin:20px 0;}

.foot_text p{margin:10px 0 0 0;}

.foot_con .code{ background: url(../images/foot_code_bg.png) no-repeat center;width:140px;height:140px;margin-left:60px;}

.foot_con .code img{width:126px;height:126px;padding:7px;}

.foot_nav{padding:13px 0;}

.foot_nav a{display:inline-block;color:#9a9a9a;font-size:14px;font-weight:bold;padding:0 28px; background: url(../images/foot_nav_line.png) no-repeat right center;}

.foot_nav a:first-child{padding-left:0;}

/*reset css*/

.izl-rmenu{

	       margin-right: 0;

	       width: 82px;

	       position: fixed;

	       right: 2px;

	       top: 45%;

	       -webkit-box-shadow: #DDD 0px 1px 5px;

	       -moz-box-shadow: #DDD 0px 1px 5px;

	       box-shadow: #DDD 0px 1px 5px;

	       z-index:999;

}

.izl-rmenu .consult{    

	background-image: url(../images/consult_icon.gif);

    background-repeat: no-repeat;

    background-position: center -77px;

    display: block;

    height: 76px;

    width: 82px;

}

.izl-rmenu .consult .phone {

    background-color: rgb(247,247,255);

    position: absolute;

    width: 160px;

    left: -160px;

    top: 0px;

    line-height: 73px;

    color: #000;

    font-size: 18px;

    text-align: center;

    display: none;

    box-shadow: #DDD -1px 1px 4px;

}

.izl-rmenu a.consult:hover .phone{display:inline !important;}

.izl-rmenu .cart {

    background-image: url(../images/consult_icon.gif);

    background-repeat: no-repeat;

    background-position: center bottom;

    display: block;

    height: 16px;

    width: 16px;

    font-size: 12px;

    line-height: 16px;

    color: #45BDFF;

    text-align: center;

    padding-top: 15px;

    padding-right: 18px;

    padding-bottom: 47px;

    padding-left: 48px;

}

.izl-rmenu a.cart:hover .pic{display:block;}

.izl-rmenu .btn_top {

    background-image: url(../images/float_top.gif);

    background-repeat: no-repeat;

    background-position: center top;

    display: block;

    height: 39px;

    width: 82px;

    -webkit-transition: all 0s ease-in-out;

    -moz-transition: all 0s ease-in-out;

    -o-transition: all 0s ease-in-out;

    transition: all 0s ease-in-out;

}

.izl-rmenu .btn_top:hover {

	background-image: url(../images/float_top.gif);

	background-repeat: no-repeat;

	background-position: center bottom;

}

.izl-rmenu .cart .pic {

	display:none;

    position: absolute;

    left: -160px;

    top: 65px;

    width: 160px;

    height: 160px;

}

.izl-rmenu .cart .pic img{

    width: 160px;

    height: 160px;

}

#udesk-feedback-tab {

    position: fixed;

    right: 2px;

    top: 45%;

    margin-top: -76px;

    -webkit-box-shadow: #DDD 0px -1px 5px;

    -moz-box-shadow: #DDD 0px -1px 5px;

    box-shadow: #DDD 0px -1px 5px;

    z-index: 10000;

    cursor: pointer;

    background-image: url(../images/consult_icon.gif);

    background-repeat: no-repeat;

    background-position: center top;

    display: block;

    height: 76px;

    width: 82px;

    background-color: #FFF!important;

    z-index:999;

}