*{ margin:0 auto; padding:0;}
html, body, div, p, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, img, textarea, iframe, table, th, td {
    margin: 0 auto;
    padding: 0; text-align:center
}
img {
    border: medium none;
    vertical-align: middle;
}
ol, ul, li {
    list-style-type: none;
}
h1, h2, h3, h4, h5, h6, table, th, td {
    font-size: 100%;
    font-weight: normal;
}
body, input, select, button, textarea {
    font-family: "Source Sans Pro",Tahoma,Microsoft yahei;
    font-size: 14px;
}
.normal, em, i {
    font-style: normal;
    font-weight: normal;
}
body {
    color: #4b4a4a;
    line-height: 23px; text-align:center; margin:auto
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
p {
    word-wrap: break-word;
}
a {
    color: #4b4a4a;
    text-decoration: none; transition: all 0.2s ease-out 0s;
}
a:hover {
    color: #52A229;
}
table {
    border-collapse: collapse;
}
input[type="button"] {
    outline: medium none;
}
.clearfix {
    display: block;
}
.overflow{ overflow:hidden}
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.tl {
    text-align: left;
}
.tc {
    text-align: center;
}
.tr {
    text-align: right;
}
.f12 {
    font-size: 12px;
}
.f14 {
    font-size: 14px;
}
.f16 {
    font-size: 16px;
}
.f18 {
    font-size: 18px;
}
.f20 {
    font-size: 20px;
}
.f24 {
    font-size: 24px;
}
.f30 {
    font-size: 30px; font-weight: bold
}
.f36 {
    font-size: 36px;
}
.undis {
    display: none;
}
.dis {
    display: block;
}
.diss {
    display: inline-block;
}
.w100 {
    width: 100%;
}
.wrap {
    width: 1220px;
}

.hui{ color:#CCCCCC}
.cs{ color:#F24A07}

.m-auto {
    margin-left: auto;
    margin-right: auto;
}
.l-19 {
    line-height: 19px;
}
.l-15 {
    line-height: 15px;
}
.l-24 {
    line-height: 24px;
}
.l-26 {
    line-height: 26px;
}
.l-30 {
    line-height: 30px;
}
.l-35 {
    line-height: 35px;
}
.l-50 {
    line-height: 50px;
}
.l-80 {
    line-height: 80px;
}
.pl8 {
    padding-left: 8px;
}
.p10 {
    padding: 10px;
}
.p15 {
    padding: 15px;
}
.p20 {
    padding: 20px;
}
.pl5 {
    padding-left: 5px;
}
.pl10 {
    padding-left: 10px;
}
.pl15 {
    padding-left: 15px;
}
.pl20 {
    padding-left: 20px;
}
.pl25 {
    padding-left: 25px;
}
.pl30 {
    padding-left: 30px;
}
.pl30 {
    padding-left: 30px;
}
.pl40 {
    padding-left: 40px;
}
.pt5 {
    padding-top: 5px;
}
.pt10 {
    padding-top: 10px;
}
.pt15 {
    padding-top: 15px;
}
.pt20 {
    padding-top: 20px;
}
.pt25 {
    padding-top: 25px;
}
.pt150 {
    padding-top: 150px;
}
.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}
.pt50 {
    padding-top: 50px;
}
.pt55 {
    padding-top: 55px;
}
.pt85 {
    padding-top: 85px;
}
.pt60 {
    padding-top: 60px;
}
.pb5 {
    padding-bottom: 5px;
}
.pb10 {
    padding-bottom: 10px;
}
.pb15 {
    padding-bottom: 15px;
}
.pb20 {
    padding-bottom: 20px;
}
.pb25 {
    padding-bottom: 25px;
}
.pb50 {
    padding-bottom: 50px;
}
.pr5 {
    padding-right: 5px;
}
.pr10 {
    padding-right: 10px;
}
.pr40 {
    padding-right: 40px;
}
.pr15 {
    padding-right: 15px;
}
.pr20 {
    padding-right: 20px;
}
.pr25 {
    padding-right: 25px;
}
.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}
.ml11 {
    margin-left: 11px;
}
.ml15 {
    margin-left: 15px;
}
.ml16 {
    margin-left: 16px;
}
.ml20 {
    margin-left: 20px;
}
.ml22 {
    margin-left: 22px;
}
.ml30 {
    margin-left: 30px;
}
.ml50 {
    margin-left: 50px;
}
.ml60 {
    margin-left: 60px;
}
.mr5 {
    margin-right: 5px;
}
.mr10 {
    margin-right: 10px;
}
.mr15 {
    margin-right: 15px;
}
.mr20 {
    margin-right: 20px;
}
.mr25 {
    margin-right: 25px;
}
.mr30 {
    margin-right: 30px;
}
.mr50 {
    margin-right: 50px;
}
.mr100 {
    margin-right: 100px;
}
.ml90 {
    margin-left: 90px;
}
.ml70 {
    margin-left: 70px;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt15 {
    margin-top: 15px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mt60 {
    margin-top:60px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.mm{ margin:20px}
.color-grey {
    color: #999;
}
.row {
    margin-left: -20px;
    margin-right: -20px;
}
.row2 {
    margin-left: -10px;
}
.row3 {
    margin-left: -22px;
}
.row4 {
    margin-left: -1px;
}
.ml1{ margin-left:1px}
.blod{ font-weight:bold}
.huise{ color:#989697}
.lv{ color:#2D9D3B}
#cs{color:#F30;  }
.hui{color:#9F9F9F}
.boderr{ border:1px solid #CBCBCB}
.boder-r{ border-right:1px solid #CBCBCB}
.boder-b{ border-bottom:1px solid #CBCBCB}
.boder-t{ border-top:1px solid #CBCBCB}
.boder-l{ border-left:1px solid #CBCBCB}
.baise{ color:#fff}
.red{ color:#C40000}
.huise1{ color:#CAC6C5}
.pl230{ padding-left:230px}

/*top*/
.nav{ width:650px;}
.nav li{ float:left; width:100px; height:79px; line-height:79px; margin-left:25px;}
.nav li a:hover{ width:100px; height:79px; background:url(../images/index_r1_c12.jpg) no-repeat; color:#D60211; display:block}
#ip{width:100px; height:79px; background:url(../images/index_r1_c12.jpg) no-repeat; color:#D60211; display:block}
/*js*/
#full-screen-slider { width:100%; height:636px; float:left; position:relative}
#slides { display:block; width:100%; height:636px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; left:0px; }
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:25%; top:780px; z-index:9900;  padding:5px 15px 5px 0; margin:0; background-size:contain;}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#FEA900}


#Tab62 {
    height: 300px;
    overflow: hidden;
    width: 1220px; clear:both; position:relative
}
.Menubox62 {
    font-size: 16px;
    height: 15px;
    overflow: hidden;
    width: 40px; position:absolute; top:270px; left:46%
}
#Tab62 .Menubox62 li {
    cursor: pointer;
    display: block;
    float: left;
    font-family: "微软雅黑";
    height: 15px;
    line-height: 15px;
    text-align: center;
    width: 15px; background:url(../images/index_r4_c3.jpg) no-repeat; margin-left:5px
}
#Tab62 .Menubox62 li.hover {
    
    color: #fff;
    display: block;
    font-size: 16px;
    height: 15px;
    width:15px; background: url(../images/index_r4_c5.jpg) no-repeat
}

.Contentbox62 {
    clear: both;
    height: 240px;
    overflow: hidden;
    width: 1220px;
}
.ser{ background:url(../images/bg_r4_c2.jpg) 0px 0px repeat-x; height:300px}

.brandsShow{ width:1220px; height:240px; margin:0px auto; overflow:hidden }
.brandsShow ul{ margin-left:-20px; width:1220px; height:240px; }
.brandsShow ul li{ float:left; display:inline; width:386px;  }
.flip-container {perspective: 1000;
-webkit-perspective: 1000px; /*父类容器中 perspective 子类允许透视*/
-moz-perspective: 1000px;
-ms-perspective: 1000px;
-o-perspective: 1000px;
perspective: 1000px;
margin:0px auto; float:left; margin-left:20px; height:240px; border-right:1px dashed #A4A4A4}
.flip-container:hover .back {transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg); z-index:2; }
.flip-container:hover .front { transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg); z-index:1; }
.flip-container, .front, .back {width: 360px;height:240px; }
.flipper {transition:transform 0.6s ease-out;
transition: transform .5s ease-in-out;
-webkit-transition: transform .5s ease-in-out;
-moz-transition: transform .5s ease-in-out;
-ms-transition: transform .5s ease-in-out;
-o-transition: transform .5s ease-in-out;
-webkit-transform-style: preserve-3d; /*使其子类变换后得以保留 3d转换后的位置*/
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
display:block;position: relative;}
.front, .back {backface-visibility: hidden;transition: 0.6s ease-out;-webkit-transition: .6s ease-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;position: absolute;top: 0;left: 0;}
.front {z-index: 2;transform: rotateY(0deg);transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);}
.back { z-index:1;transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);-o-transform: rotateY(-180deg); color:#000;}


/*高兴作品*/
/*--------------------------------------------
container
--------------------------------------------*/
div#container {
     width: 100%;
     margin: 0 auto;
     overflow: hidden;
}
div.examples_body {
     width: 1220px;
	 margin: 50px auto 0 auto;
	 clear: both;
	 overflow: hidden;
	 position: relative;
}


/* The main banner unordered list */
.bannerHolder {
     width: 1220px;
	 overflow: hidden;

	/* CSS3 rounded corners */
	 -moz-border-radius:12px;
	 -webkit-border-radius:12px;
	 border-radius:12px;
}

/* Hiding the bullets of the li elements: */
.bannerHolder li {
	 list-style: none;
	 display: inline; float:left; margin-left:10px; margin-bottom:15px
}

/* The banner divs */
.banner {
     width: 388px;
	 height: 224px;
	 position: relative;
	 overflow: hidden;
	 float: left;
	 display: inline;
	 
}

/* The banner divs */
.banner img {
	 display: block;
	 border: none;width: 388px;
	 height: 224px;
}

/* The dark animated divs */
.banner div {
	 position: absolute;
	 z-index: 100;
	 background-color: #222;
	 width: 60px;
	 height: 60px;
	 cursor: pointer;

	/*	Setting a really big value for border-radius
		will make the divs perfect circles */
	 -moz-border-radius:100px;
	 -webkit-border-radius:100px;
	 border-radius:100px;
}

/*	Positioning the animated divs outside the
	corners of the visible banner area: */
.banner .cornerTL { left:-63px; top:-63px; }
.banner .cornerTR { right:-63px; top:-63px; }
.banner .cornerBL { left:-63px; bottom:-63px; }
.banner .cornerBR { right:-63px; bottom:-63px; }

/* The "Visit Company" text */
.banner p {
     width: 100%;
	 left: 0;
	 top: 107px;
	 z-index: 200;
	 position: absolute;
	 font-family: Tahoma, Arial, Helvetica, sans-serif;
	 color: #FFF;
	 font-size: 16px;
	 text-align: center;
	 cursor: pointer;
	 display: none;	/* hidden by default */
}
 .mrg a { border:1px solid #CDCDCD; color:#CDCDCD; padding:5px 45px 5px 45px; font-size:16px}
 .mrg a:hover { background:#AB0008; font-size:16px; color:#fff}

/*关于高兴*/
.about_bg{ background:url(../images/index-1_r2_c1.jpg) center 0px no-repeat; height:527px;}
.about_bg .rt a { border:1px solid #AB0008; color:#AB0008; padding:5px 15px 5px 15px; font-size:16px}
.about_bg .rt a:hover { background:#AB0008; font-size:16px; color:#fff}
.about_bg a img{transition: all 0.2s ease-out 0s;}
.about_bg a:hover img {
    display: block;
    transform: scale(0.9);}
	
/*联系我们*/
.ul_l{ width:1180px;}
.ul_l li{ float:left; padding-left:20px;}
.in_pu{ border:#D9D9D9 1px solid; color:#D9D9D9; width:250px; height:40px; text-align:left; padding-left:10px;}
.ul_l li a{ width:220px; background:#D7073B; height:40px; color:#fff; text-align:center; line-height:40px; font-size:18px; display:block}
.ul_l li a:hover{ width:220px; background:#333; height:40px; color:#fff; text-align:center; line-height:40px; font-size:18px; display:block}


/*版权*/
.copy_bg{ background:#141318; color:#949393; font-size:12px; height:170px}



/*二级页面*/
.about { clear:both; overflow:hidden; padding-top:20px; clear:both
}
.about .box1 {
    background: rgba(0, 0, 0, 0) url("../images/about_top_pic.jpg") no-repeat scroll center top;
    display: table;
    height: 750px;
    text-align: center;
    width: 100%;
}
.about .box1 .cont {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}
.about .box1 h2 {
    font-size: 48px;
}
.about .box1 .txt1 {
    font-size: 20px;
    margin: 24px 0 14px;
}
.about .box1 .txt2 {
    font-size: 18px;
}
.about .box1 .more {
    bottom: 127px;
    height: 66px;
    left: 50%;
    margin-left: -16px;
    width: 32px;
}
.about .box2 {
    text-align: center;
}
.about .box2 .top {
    padding: 68px 0 40px;
}
.about .box2 .top h1 {
    color: #282828;
    font-size: 38px;
    font-weight: bold;
    line-height: 50px;
}
.about .box2 .top p {
    color: #656565;
    font-size: 20px;
}
.about .box2 .txt {
    color: #3f3f3f;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 36px;
}
.about .box2 .txt p {
    margin-bottom: 25px;
}
.about .box3 {
    background: rgba(0, 0, 0, 0) url("../images/about_box3_pic.jpg") no-repeat scroll center top;
    height: 430px;
}
.about .box3 ul {
    float: none;
    margin: 0 auto;
    padding-top: 150px;
    width: 534px;
}
.about .box3 li {
    margin-right: 70px;
}
.about .box3 li:last-child {
    margin-right: 0;
}
.about .box3 li > a {
    display: block;
    position: relative;
    z-index: 2;
}
.about .box3 li > a img {
    height: 132px;
    width: 131px;
}
.about .box3 li .txt {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 110px 110px 0;
    color: #555;
    font-size: 14px;
    height: 110px;
    left: 65px;
    line-height: 22px;
    overflow: hidden;
    padding: 20px 0 0 66px;
    position: absolute;
    top: 1px;
    transition: all 0.3s linear 0s;
    width: 0;
}
.about .box3 li .txt p {
    height: 110px;
    width: 268px;
}
.about .box3 li:hover {
    z-index: 3;
}
.about .box3 li:hover .txt {
    width: 268px;
    z-index: 1;
}
.about .box4 {
    text-align: center;
}
.about .box4 .top {
    padding: 68px 0 40px;
}
.about .box4 .top h1 {
    color: #282828;
    font-size: 38px;
    font-weight: bold;
    line-height: 50px;
}
.about .box4 .top p {
    color: #656565;
    font-size: 20px;
}
.about .box4 .tab_name {
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0;
    width: 1100px;
}
.about .box4 .tab_name li {
    cursor: pointer;
    margin-right: 28px;
}
.about .box4 .tab_name li img {
    height: 76px;
    transition: all 0.25s linear 0s;
    width: 198px;
}
.about .box4 .tab_cont {
    margin: 0 auto;
    padding: 65px 0 92px;
    width: 1000px;
}
.about .box4 .tab_cont p {
    color: #616161;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 18px;
}
.about .box4 .tab_cont h2 {
    color: #292929;
    font-size: 16px;
    line-height: 24px;
}



.icon-arrow-a-left, .icon-arrow-a-right { overflow:hidden; top:0px }
.icon-arrow-a-left { background-position: 0 0; height: 50px; width: 50px; left:0% }
    .icon-arrow-a-left:hover, .icon-arrow-a-left.arrow-a-left_hover, .icon-arrow-a-left.arrow-a-left-hover { background-position: -60px 0; }
.icon-arrow-a-right { background-position: -120px 0; height: 50px; width: 50px; }
    .icon-arrow-a-right:hover, .icon-arrow-a-right.arrow-a-right_hover, .icon-arrow-a-right.arrow-a-right-hover { background-position: -180px 0; }



#main {overflow: hidden; zoom: 1; position: relative; }
#index_b_hero { width: 960px; height: 410px; margin: auto; position: relative; }
    #index_b_hero img { width: 950px; height: 400px; }
    #index_b_hero .heros { width: 960px; height: 410px; }
    #index_b_hero .hero-wrap { overflow: visible; position: absolute; }
    #index_b_hero .next, #index_b_hero .prev { filter: alpha(Opacity=70); opacity: .7; position: absolute; top: 50%; margin-top: -25px; margin-left: 5px; background-color: #303030; z-index: 3; }
        #index_b_hero .next:hover, #index_b_hero .prev:hover { background-color: orangered; }
    #index_b_hero .next { margin: -25px 5px 0 0; right: 0; }
    #index_b_hero .disabled { background-color: #eee; }
    #index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero { background: #fff; padding: 5px; z-index: 1; position: absolute; top: 0; left: 0; width: 950px; height: 400px; overflow: hidden; left: 1920px; }
    #index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 4; left: -960px; filter: alpha(Opacity=50); opacity: .5; background: #fff; overflow: hidden; }
    #index_b_hero .mask-right { left: 960px; }
    #index_b_hero .active { z-index: 2; left: 0; }
	
.diffrent {
    background: rgba(0, 0, 0, 0) url("../images/c1_11.png") no-repeat scroll center 0;
    padding-top: 23px;
    text-align: center; font-family:"微软雅黑"
}
.diffrent .p1 {
    background: #fff none repeat scroll 0 0;
    color: #000;
    font-size: 30px;
    line-height: 120px;
}
.diffrent .p2 {
    background: #fff none repeat scroll 0 0;
    line-height: 40px;
    padding-bottom: 40px;
}
.diffrent .p2 a {
    background: #cd6120 none repeat scroll 0 0;
    border: 1px solid #cd6120;
    border-radius: 14px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    padding: 6px 20px;
    text-decoration: none;
}
.diffrent .p2 a:hover {
    background: #e57f42 none repeat scroll 0 0;
    border-radius: 14px;
}
.ib6 {
    padding-bottom: 40px;
    padding-top: 70px;font-family:"微软雅黑"
}
.ib6 .list ul {
    width: 110%;
}
.ib6 .list li {
    color: #000;
    display: block;
    float: left;
    font-size: 20px;
    height: 100px;
    line-height: 100px;
    overflow: hidden;
    padding-right: 40px;
    width: 100px;
}
.ib6 .list li a {
    float: left;
    position: relative;
}
.ib6 .list li span {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
}
.ib6 .list li.first {
    width: 270px;
}

/*二级页面---案例展示*/
.case_ban{ width:100%; background:url(../images/banner.jpg) no-repeat; height:360px;}
.case_ban p{ color:#fff}

.page{ width:1220px; margin:0 auto; margin-top:25px; margin-bottom:20px; font-size:12px; font-family:"microsoft yahei"; overflow:hidden; text-align:center; margin:auto}
.page a{display:block; float:left; height:30px; border:1px solid #bcbcbc; line-height:30px; padding:0 15px; margin:0 3px; color:#666; overflow:hidden;}
.page a:hover,a.cur{background:#900; color:#fff; border:1px solid #900; text-decoration:none;}


.bt{width:100%; height:auto; text-align:center; padding-bottom:15px; }
.bt h4{ font-size:30px; font-family:"microsoft yahei";}
.bt span{ margin-top:6px; color:#979696; font-size:12px;}
.case_inf{ width:880px; background:#F3F3F3; overflow:hidden; border:1px solid #E5E5E5}


/*高兴新闻*/
.news_bg{ width:100%; background:#FBFAF8; padding-bottom:20px;}
.w860{ width:860px}

#main{
	/* The main container div */
	position:relative;
	margin:0px auto;
	width:100%;
	background:#fbfaf8;
	padding:0px 25px 60px;
	
	/* CSS3 rounded cornenrs */
	
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}

#holder{
	/* The unordered list that is to be split into pages */

	width:100%;
	position:relative;
	background:#fbfaf8;
	padding-bottom:10px;

	/*	CSS3 inner shadow (the webkit one is commeted, because Google Chrome
		does not like rounded corners combined with inset shadows): */

}

.swControls{
	position:absolute;
	margin-top:10px;
}

a.swShowPage{

	/* The links that initiate the page slide */

	background-color:#444444;
	float:left;
	height:15px;
	margin:4px 3px;
	text-indent:-9999px;
	width:15px;
	/*border:1px solid #ccc;*/
	
	/* CSS3 rounded corners */
	
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}

a.swShowPage:hover,
a.swShowPage.active{
	background-color:#2993dd;
	
	/*	CSS3 inner shadow */
	
	-moz-box-shadow:0 0 7px #1e435d inset;
	/*-webkit-box-shadow:0 0 7px #1e435d inset; www.datouwang.com*/
	box-shadow:0 0 7px #1e435d inset;
}

#holder li{
	
	
	margin:10px 0 0;
	padding:0px; text-align:left
	

	/* Regular CSS3 box shadows (not inset): */

	
}

#holder,
#holder li{
	/* Applying rouded corners to both the holder and the holder lis */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

.black_overlay{ 
            display: none; 
            position: absolute; 
            top: 0%; 
            left: 0%; 
            width: 100%; 
            height: 100%; 
            background-color: black; 
            z-index:1001; 
            -moz-opacity: 0.8; 
            opacity:.80; 
            filter: alpha(opacity=88); z-index:20000 ; width:800px
        } 
        .white_content { 
            display: none; 
            position: absolute; 
            top: 25%; 
            left: 0%; 
            width: 90%; 
            height: 100%; 
            padding: 20px; 
            background-color: white; 
            z-index:1002; 
            overflow: auto; z-index:200000;
        } 
		
/*微信QQDENG悬浮*/
/*main css*/
.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

.tg1{ width:92px; background:url(../images/c1_r2_c2.jpg) no-repeat; height:14px}
.tg2{ width:92px; background:url(../images/c1_r6_c2.jpg) no-repeat; height:14px}

#menu{width: 92px;height: auto; position: fixed;top: 35%;right: 15px;margin-top: -135px;}
#menu ul{display: block;list-style: none;width:92px; background:url(../images/c1_r4_c2.jpg) repeat-y; height:auto; overflow:hidden}
#menu ul li{ border-bottom:1px solid #BCC0BF}
#menu ul li a{width: 92px; height: 78px;  text-align: center;color: #979797;display: block}
#menu ul li a.cur{background-color: #D70010;color: #fff;}

.work_content {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #b0b0b0;
    border-radius: 10px;
    margin: 20px auto;
    padding: 0 20px;
    position: relative;
    width: 1280px;
}
.work_content .title {
    background: rgba(0, 0, 0, 0) url("../images/icon_arrow_up.png") no-repeat scroll center bottom;
    color: #747373;
    font-family: "微软雅黑";
    font-size: 14px;
    height: 30px;
    left: 50%;
    line-height: 30px;
    margin-left: -100px;
    padding-bottom: 14px;
    position: absolute;
    top: -44px;
    width: 200px;
}


.work_content dl{ width:850px; clear:both; padding-top:10px; overflow:hidden}
.work_content dl dd{ float:left; font-size:18px; padding-right:20px; padding-left:50px; line-height:30px}
.work_content dl dd a:hover{ color:#ab0008}
.work_content table{width:1220px; clear:both}


.company{ text-align:left;}

.company h1{ text-align:center; font-size:1.5em; line-height:200%;}
.company h2{ text-align:left; font-size:1.25em; line-height:200%;}
.company p{ text-align:left; line-height:200%;}