@charset "utf-8";
body,ul,ol,li,dl,dt,dd,table,tr,td,h1,h2,h3,h4,h5,h6,p,form,input,select,fieldset,legend,textarea{margin:0; padding:0;}
ul,ol,li{list-style:none;}
a{text-decoration:none; color:#fff; font:12px "微软雅黑";}
img{border:none;}
body{color:#000; font:14px "微软雅黑"; background:#fff;}

.container{width:1200px; margin:auto;}
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table; content:""; line-height:0;}
.clearfix:after{clear:both;}

.oneLine{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}

.pd60{padding-top:60px;}

/*公共样式*/
.header{width:100%;}
.header .toubu{width:100%; height: 35px; background-color:#f4f4f4; line-height:35px;}
.toubu .menu a{display:block; float:left; padding:0 5px; color:#666; line-height:35px;}
.toubu .menu a:hover{text-decoration: underline;}
.header .top{height:60px; padding:30px 0;}
.header .top .logo{display:block; width:347px; height:60px; overflow:hidden;}
.header .top .logo img{display:block; width:347px; height:60px;}
.header .top .tele{display:block; background:url(../images/tel.png) no-repeat left center;
	 padding-left:40px;}
.header .top .tele .re{line-height:20px;}
.header .top .tele .phone{font-family: Times New Roman;font-size: 30px; color:#ea6e42; 
	line-height:40px;}
.main_nav{width:100%; border-top:1px solid #ddd;}
.main_nav .daoh{display:block;}
.main_nav .daoh li{float:left; width:199px;}
.main_nav .daoh li a{display:block; color:#222; font-size:16px; width:100%; height:60px; 
	line-height:60px; text-align:center; font-weight:bold; 
	background:url(../images/menu_bg02.jpg) no-repeat right center;}
.main_nav .daoh li.on a,.main_nav .daoh li:hover a{background:url(../images/menu_bg04.png) no-repeat center; color:#fff;}

/*banner*/
.banner{width:100%; height:600px; background: url("../images/banner_bg.jpg") center;  
	position:relative;}
.banner .words{width:600px; margin-top:130px; color:#fff; position:relative; z-index:3;}
.banner .words h2{font-size:60px;}
.banner .words h4{font-size:30px; line-height:40px; margin-top:15px;}
.banner .words p{color:#8bc0f6; line-height:18px; margin-top:10px;}
.Y_hov{display:block; width: 150px; height: 40px; line-height:40px; text-align:center;
	 font-size:14px; background:url(../images/banner_anniu.png) no-repeat center; margin-top:20px;
	 transition: all 500ms;}
.Y_hov:hover{background:#ff6100;}
#carousel{position:relative; z-index:2; height:400px; margin-top:20px; transform-style:preserve-3d;perspective:800px; top:100px;}
#carousel img{position:absolute; left:50%; top:50%;width:400px;height:400px; margin-left:100px;margin-top:-133px;transition:transform .5s ease-in-out; cursor:pointer}
#bannerNav{display:none;}

/*标题*/
.Title{text-align:center; position:relative; padding-top:100px;}
.Title h3{font-size:24px; color:#222; position:relative; z-index:2;}
.Title i{display:block; width:40px; height:2px; background:#ea6e42; margin:15px auto 0;}
.Title p{color:#aaa; line-height:36px;}
.Title strong{font-size: 60px; color:#f2f2f2; position:absolute; top:60px; left:0; width:100%; text-align:center; z-index:0; text-transform:uppercase;}


/*底部*/
.footer{width:100%; background:#F5F5F5; height:320px; margin-top:80px;}
.Flinks{width:100%; height:49px; border-bottom:1px solid #ddd; padding-top:50px;}
.Flinks .name{display:block; width:80px; font-weight:bold; line-height:24px;}
.Flinks .cont{display:block; width:1080px;}
.Flinks .cont a{float:left; display:block; height:24px; line-height:24px; padding:0 10px; margin-right:10px; color:#666; font-size:14px;}

.footer .mesg{margin-top:30px;}
.mesg .m_content {line-height:26px; color:#666;}
.mesg .m_content dt{font-weight:bold; color:#222;}
.mesg .m_pic{width:100px;}
.mesg .m_pic img{width:100px; height:100px;}
.mesg .m_pic span{display:block; text-align:center; color:#666;}
.footer .copy{ width:280px; height:30px; border-radius:10px; background:#7A7A7A; color:#fff; text-align:center; line-height:30px; margin:20px auto; }

/*返回顶部*/
.gototop{width: 40px; height: 40px; text-indent: -999em; z-index:8;
	background-image: url(../images/top.png); background-repeat: no-repeat; 
	background-position: -84px 0;position: fixed; bottom: 100px; right: 19px;}

/*在线客服*/
.Kefu{position:fixed; top:200px; right:17px; transition:all 500ms;}
.Kefu .btn{background:url(../images/customerservice2.png) no-repeat center; width:53px; height:90px;
	position: absolute; top: 0; right: 0;}
.Kefu .btn span{color:#fff; position:relative; top:54px; left:18px;}
.Kefu .Ke_box{position: relative; width: 191px; height: 400px;
	background: url(../images/customerservice1.png) no-repeat 0px 0;position: relative; right: -300px; transition:all 500ms}
.Kefu:hover .btn{display:none;}
.Kefu:hover .Ke_box{right:0px;}
.Ke_box .lft{color: #fff; padding-left: 27px; padding-top: 130px;}
.Ke_box .rgt{width: 84px; left: 72px; position: absolute; top: 67px;}
.Ke_box .rgt li{padding: 0px 4px; background: #FFF; text-align: left; width: 84px; overflow: hidden;
	margin: 5px; margin-bottom: 10px;}
.Ke_box .rgt li a{text-align: left; color: rgb(125, 125, 125); height: 25px; line-height: 25px;
	display: block; background: rgba(0, 0, 0, 0) url("../images/new_online_2.png") no-repeat scroll 8px center; padding-left: 30px; border-radius: 0px;}
.Ke_box .rgt li:hover a{color:#fff; background:#FB7A17 url(../images/customer_service_qqover.png) no-repeat scroll 8px center;}






