@charset "utf-8";

body, ul, li, h1, h2, h3, h4 {

	padding: 0;

	margin: 0;

}
body {
    font-family: "Microsoft YaHei";}

ul {

	list-style: none;

}

a {

	text-decoration: none;

}

header {

	padding: 33px 0;

}

.w1002 {

	width: 1002px;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

}

#phone {

	position: absolute;

	right: 0;

	margin-top: -69px

}

nav#top {

	height: 44px;

	padding: 5px;

	background: url(../images/navbg.gif) repeat-x;

}

nav#top a {

	display: inline-block;

	line-height: 44px;

	padding: 0 12px;

	color: white;

}
nav#top a:hover{
	background: url(../images/navbg.jpg) repeat-x;
}

nav#top form {

	position: absolute;

	right: 13px;

	margin-top: -34px;

	width: 214px;

}

nav#top form #submit {

	display: block;

	border: none;

	padding: 0;

	background: url(../images/sch_bt.gif) no-repeat right center;

	text-indent: -9999px;

	width: 19px;

	height: 33px;

	position: absolute;

	right: 0;

	margin-top: -27px;

}

#cptx h2 {

	background: url(../images/h2bg.gif) center center no-repeat;

	height: 114px;

	margin: 0 auto;

	width: 1002px;

	box-sizing: border-box;

	text-align: center;

	padding-top: 40px;

	color: #019af7;

}

#cptx h2 span, #list h2 span {

	display: block;

	color: #ccc;

	font-size: 16px;

}

#cptx div#a {

	background: url(../img/0.jpg) no-repeat;

	width: 1000px;

	margin: 0 auto;

	height: 491px;

	line-height:0;

}

#cptx div#a a{

	width:500px;

	height:245px;

	display:inline-block;}

#cptx div#a a:hover{

	background:url(../images/qichebg.png) no-repeat;}

#cptx div#a a.a2:hover{

	background:url(../images/qichebg.png) -500px 0 no-repeat;}

#cptx div#a a.a3:hover{

	background:url(../images/qichebg.png) 0 -245px no-repeat;}

#cptx div#a a.a4:hover{

	background:url(../images/qichebg.png) -500px -245px no-repeat;}

#list h2{

	box-sizing: border-box;

	color: #019af7;

	margin: 0 auto;

	padding-top: 40px;

	text-align: center;

	width: 198px;

	background: white;

}

div.line {

	border-bottom: 2px solid #7d7d7d;

	height: 50px;

	margin-top: -87px;

	position: absolute;

	width: 100%;

	z-index: -1;

}

.product {

	width: 110%;

}

.product article {

	padding: 30px 28px 45px 0;

	display: inline-block;

	width: 226px;

	color: #333;

}

.product article img {

	border: 1px solid #ccc;

}

.product article h3 {

	font-size: 16px;

	line-height: 50px;

	text-align: center;

}

.product article p {

	font-size: 12px;

	line-height: 22px;

	margin-top: -10px;

}

.product article a.more {

	display: block;

	text-align: right;

}

#pro_list {

	width: 230px;

	float: left;

	background: white;

}

#pro_list h2 {

	background: #009bf5;

	box-sizing: border-box;

	color: white;

	font-size: 24px;

	height: 110px;

	padding: 38px 0 0 54px;

}

#pro_list h2 span {

	display: block;

	color: #5fb4f7;

	font-size: 12px;

}

#pro_list .cdz_list li {

	list-style: inside disc;

	line-height: 56px;

	font-size: 12px;

	padding-left: 10px;

}

#pro_list .cdz_list li:hover {

	list-style: inside url(../images/dian.gif);

	background: #c7ecff;

}

#pro_list .cdz_list li a {

	color: black;

}

#dz_list {

	float: right;

	width: 750px;

	border-bottom: 2px solid #009bf4;

}

#dz_list h3, #dz_list p {

	margin: 0 35px;

}

#dz_list h3 {

	line-height: 50px;

}

#dz_list p {

	color: #777;

	font-size: 12px;

	line-height: 22px;

}

#us h2 {

	color: rgb(0, 155, 244);

	font-size: 38px;

	height: 80px;

	padding: 20px 0px 20px 202px;

}

#us h2 span {

	float: left;

	font-size: 72px;

	color: rgb(0, 153, 68);

	padding-right: 13px;

}

#us h2 i {

	display: block;

	color: rgb(234, 84, 19);

}

#us dt {

	color: #009bf4;

	font-size: 24px;

	height: 60px;

	margin-bottom: 25px;

}

#us dt i {

	font-size: 60px;

	float: left;

	line-height: 60px;

	padding-right: 22px;

	font-style: normal;

}

#us dt span {

	display: block;

	font-size: 14px;

	color: #909090;

}

#us section {

	height: 270px;

	margin-bottom: 30px;

}

#us dl {

	width: 500px;

	padding-top: 30px;

}

#us .us_r dl {

	padding-left: 500px;

}

#us dl dd {

	font-size: 12px;

	color: #777;

	line-height: 20px;

	padding-left: 60px;

	padding-right: 20px;

}

#us .us_l, #us .us_r {

	position: relative;

}

#us .us_l img, #us .us_r img {

	position: absolute;

	right: 0;

	top: 0;

}

#us .us_r img {

	left: 0;

}

#hezuohb{

	position:relative;}

#hezuohb .line{

	margin-top:-110px;}

#hezuohb h3{

	height:112px;

	color:#009bf4;

	box-sizing:border-box;

	text-align:center;

	line-height:40px;

	padding-top:30px;

	font-size:20px;

	width:100px;

	margin:0 auto;

	background:white;

	}

#hezuohb h3 span{

	display:block;

	font-size:14px;

	color:#909090;

	line-height:14px;

	font-weight:normal;}

#about_us h3{

	box-sizing: border-box;

    color: #009bf4;

    height: 120px;

    padding: 30px;

    text-align: center;

	font-size:24px;

	line-height:36px;

	position:relative;}

#about_us h3 i{

	border-top: 2px solid #009bf4;

    display: block;

    left: 379px;

    position: absolute;

    top: 51px;

    width: 60px;}

#about_us h3 i.line_r{

	left:auto;

	right:379px;}

#about_us h3 span{

	display: block;

    font-weight: normal;

	line-height:14px;

	font-size:14px;

	color:#909090;

	}

#about_us #player{

	width:448px;

	padding:6px;

	border:1px solid #ccc;

	float:left;

	line-height:0;}

#about_us #player img{

	width:448px;

	height:326px;}

#about_us article{

	padding-left:500px;

	padding-bottom:21px;}

#about_us article span{

	font-size:14px;

	line-height:20px;}

#about_us article p{

	font-size:12px;

	line-height:21px;

	color:#777;

	margin:0;}

#about_us article .img img{

	margin:10px 0 0 16px;

	padding:6px;

	border:1px solid #c9c9c9;

	}

footer{

	border-top:2px solid #009bf4;}

footer .content{

	padding:38px 0;}

footer .content .logo,footer .content dl{

	float:left;

	}

footer .content dl{

	width:350px;

	padding:0 0 0 12px;

	margin:0;}

footer .content dt{

	font-size:14px;

	line-height:20px;

	font-weight:bold;}

footer .content dd{

	margin:0;

	font-size:12px;

	line-height:20px;

	color:#777;

	}







	
.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -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;
    background:url(../images/weixin.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    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;
}