@charset "utf-8";

/*--------------------- 通用样式 ---------------------*/

html,body{width:100%;height:auto;min-width: 1344px;}
*{margin:0;padding:0;font-size: 14px;color: #373737;}
img { border: 0 none; vertical-align: top; }
ol, ul {list-style: none;}
i, em, cite { font-style: normal; }
button{ cursor:pointer;}
table,table td { border-collapse:collapse; border-spacing: 0;}
html, div, span, object, iframe,h1, h2, h3, h4,  h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video 
{
    margin:0px;
    padding:0px;
    border:0px;
    outline:0px;
    font-size:100%;
    /*font-weight: normal;*/
    vertical-align: baseline;
    background:transparent;
	list-style-type:none;
	font-style: inherit;
    font-family: "Microsoft Yahei", "微软雅黑";
	vertical-align: middle;
}

/*--------------------- 超链接效果 ---------------------*/

a{text-decoration:none;outline:none;color: #373737;}
/* a:hover { text-decoration:none; color:#068272;} */


/*--------------------- 浮动和清除浮动 ---------------------*/

.float_l{float:left;}
.float_r{float:right;}

.clear{clear:both; height:0;}
.clearfix:after {content: "."; display: block;  height: 0; clear: both;  visibility: hidden;}
.clearfix{zoom:1;}
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

/*--------------------- 距离样式 ---------------------*/

.mar_t70 { margin-top:70px !important;}
.mar_b70 { margin-bottom:70px !important;}
.mar_b10 { margin-bottom:10px !important;}
.mar_l10 { margin-left:10px;}
.mar_r15 { margin-right:15px !important;}
.mar_t20 { margin-top:20px !important;}
.mar_b20 { margin-bottom:20px !important;}
.mar_l20 { margin-left:20px;}
.mar_r20 { margin-right:20px;}
.mar_t30 { margin-top:30px;}
.mar_b30 { margin-bottom:30px;}
.mar_l30 { margin-left:30px;}
.mar_r20 { margin-right:20px !important;}
.mar_t15 { margin-top: 15px;}
.mar_b15 { margin-bottom:15px;}
.mar_t100 {margin-top: 100px;}
.mar_t50 { margin-top: 50px !important;}
.mar_b50 { margin-bottom: 50px;}
.mar_30 {margin: 30px 0;}
.mar_50 { margin: 50px auto !important;}
.mar_15 { margin: 15px 0;}
.padd_10{ padding:10px;}
.padd_20{ padding:20px;}
.padd_tb_20{ padding:20px 0;}



/*--------------------- 宽度高度 ---------------------*/
.wrapper{ width:100%; padding:0px; margin:0px auto;}
.container{ width:1100px; padding:0px; margin:0px auto;overflow: hidden;height: 100%;}
.het{padding: 11px 15px;}
.whit{color: white;}

/*--------------------- 文字省略 ---------------------*/
.test_demo_ellipsis{ width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/*--------------------- 字体大小 ---------------------*/

h1 {font-size:30px; font-family: "Microsoft Yahei", "微软雅黑";padding-left: 10px;}
h2 {font-size:20px; font-family: "Microsoft Yahei", "微软雅黑";}
h3 {font-size:16px; font-family: "Microsoft Yahei", "微软雅黑";text-align: center;font-weight: normal;}
h4 {font-size:18px; font-family: "Microsoft Yahei", "微软雅黑";text-align: center;}
h5 {font-size:14px; font-family: "Microsoft Yahei", "微软雅黑";font-weight: normal; }
h6 {font-size:12px;}


/*--------------------- 文字省略 ---------------------*/
.test_demo_ellipsis{ width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/*--------------右侧悬浮--------------*/
.right_service{
	position: fixed;
	bottom:130px;
	right: 0;
	width: 80px;
/*	height: 405px;*/
}
.right_service_list{
	position: relative;
	width: 80px;
	height: 80px;
	margin-bottom: 2px;
	z-index: 1;
}
.erweima_float{
	z-index: 0;
	position: absolute;
	top:-20px;
	right: -120px;
	width: 120px;
	height: 120px;
	background: #fe4b01;
}
.erweima_float img{
	width: 118px;
	height: 118px;
border:1px solid #fe4b01;
}
.right_service_list3:hover .erweima_float {
	right: 80px;
	transition-duration: 0.5s;
	-moz-transition-duration: 0.5s; /* Firefox 4 */
	-webkit-transition-duration: 0.5s;/* Safari 和 Chrome */
	-o-transition-duration: 0.5s; /* Opera */
}
.right_service_list3:hover{
	background-position: 0px 0!important;
}
.right_service_list a{
	display: block;
	height: 100%;
}
.right_service_list:hover{
	background-color: #fe4b01;
	background-position: 0px -5px;
	transition-duration: 0.5s;
	-moz-transition-duration: 0.5s; /* Firefox 4 */
	-webkit-transition-duration: 0.5s;/* Safari 和 Chrome */
	-o-transition-duration: 0.5s; /* Opera */
}
.right_service_list1{
	background: url(../images/right_slide_01.png) center no-repeat #c1c1c1;
}
.right_service_list2{
	background: url(../images/right_slide_02.png) center no-repeat #c1c1c1;
}
.right_service_list3{
	background: url(../images/right_slide_03.png) center no-repeat #c1c1c1;
}
.right_service_list302{
	background: url(../images/right_slide_0302.png) center no-repeat #c1c1c1;
}
.right_service_list4{
	background: url(../images/right_slide_04.png) center no-repeat #c1c1c1;
}
.right_service_list402{
	background: url(../images/right_slide_0402.png) center no-repeat #c1c1c1;
}
.right_service_list5{
	background: url(../images/right_slide_05.png) center no-repeat #c1c1c1;;
}
.right_service_list5 a{display: block; width: 100%; height: 100%;}
.right_service{
	right: -80px;
}