a {FONT-FAMILY:microsoft yahei;color: #000000; text-decoration: none; line-height:150%;}
a:active {FONT-FAMILY:microsoft yahei;FONT-SIZE: 9pt; COLOR: #646464; TEXT-DECORATION: underline; line-height:150%;}
a:link {FONT-FAMILY:microsoft yahei;FONT-SIZE: 9pt; COLOR: #646464; line-height:150%;}
a:visited {FONT-FAMILY:microsoft yahei;FONT-SIZE: 9pt; COLOR: #646464; line-height:150%;}
a:hover {FONT-FAMILY:microsoft yahei;FONT-SIZE: 9pt; COLOR:#646464; TEXT-DECORATION: underline ; line-height:150%;}
.t{LINE-HEIGHT: 1.4}
BODY{FONT-FAMILY:microsoft yahei; FONT-SIZE: 9pt;
SCROLLBAR-HIGHLIGHT-COLOR: buttonface;
SCROLLBAR-SHADOW-COLOR: buttonface;
SCROLLBAR-3DLIGHT-COLOR: buttonhighlight;
SCROLLBAR-TRACK-COLOR: #eeeeee;
SCROLLBAR-DARKSHADOW-COLOR: buttonshadow}
TD,DIV,form ,OPTION,P,TD,BR{FONT-FAMILY:microsoft yahei; FONT-SIZE: 9pt; } 
INPUT{BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 9pt; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc; PADDING-TOP: 1px; HEIGHT: 18px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc}
}


a.menu:active {FONT-FAMILY:Microsoft YaHei arial;FONT-SIZE: 14px; COLOR: #ffffff; font-weight:bold;}
a.menu:link {FONT-FAMILY:Microsoft YaHei arial;FONT-SIZE:14px; COLOR: #ffffff;font-weight:bold;}
a.menu:visited{FONT-FAMILY:Microsoft YaHei arial;FONT-SIZE:14px; COLOR: #ffffff;font-weight:bold;}
a.menu:hover {FONT-FAMILY:Microsoft YaHei arial;FONT-SIZE: 14px; COLOR:#85b4da; font-weight:bold; TEXT-DECORATION: underline; }

a.s1:active {FONT-SIZE: 14px; COLOR: #ffffff;font-weight:bold;}
a.s1:link {FONT-SIZE:14px; COLOR: #ffffff;font-weight:bold;}
a.s1:visited {FONT-SIZE:14px; COLOR: #ffffff;font-weight:bold;}
a.s1:hover {FONT-SIZE: 14px; COLOR:#000000;TEXT-DECORATION: underline;font-weight:bold;}

a.news:active {FONT-SIZE: 14px; COLOR: #01289d;font-weight:bold;line-height:150%;}
a.news:link {FONT-SIZE:14px; COLOR: #01289d;font-weight:bold;line-height:150%;}
a.news:visited {FONT-SIZE:14px; COLOR: #01289d;font-weight:bold;line-height:150%;}
a.news:hover {FONT-SIZE: 14px;  COLOR: #01289d;font-weight:bold;line-height:150%;}

.indextitle{FONT-FAMILY:microsoft yahei; FONT-SIZE: 16px; color: #727272;font-weight:bold;line-height:150%;}
.indexprofile{FONT-FAMILY:microsoft yahei;color: #646464;line-height:160%;}
.location{FONT-FAMILY:microsoft yahei;color: #646464;line-height:160%;  FONT-SIZE: 14px;}
.profiletop{FONT-FAMILY:microsoft yahei;FONT-SIZE: 16px; line-height:150%;COLOR: #01289d;}
.profile{FONT-FAMILY:microsoft yahei;FONT-SIZE: 16px; COLOR: #999; line-height:300%;}
.subcomlefttop{FONT-FAMILY:microsoft yahei;color: #ffffff; FONT-SIZE: 24px;}
.subcomlb{FONT-FAMILY:microsoft yahei;color: #ffffff; FONT-SIZE: 18px;}
.center{FONT-FAMILY:microsoft yahei;color: #ffffff; FONT-SIZE: 14px; font-weight:bold;}
.subcomlefttop2{FONT-FAMILY:microsoft yahei;color: #ffc499; FONT-SIZE: 16px;line-height:180%;}
.sunsubcomlefttop2{FONT-FAMILY:microsoft yahei;color: #89c86d; FONT-SIZE: 16px;line-height:180%;}
.hssubcomlefttop2{FONT-FAMILY:microsoft yahei;color: #9feafd; FONT-SIZE: 16px;line-height:180%;}
.jssubcomlefttop2{FONT-FAMILY:microsoft yahei;color: #679ecc; FONT-SIZE: 16px;line-height:180%;}
.kuang{	border: 1px inset;}
.ptitle{FONT-FAMILY:microsoft yahei; FONT-SIZE: 14px; color: #00298b;font-weight:bold;}
.hot{FONT-FAMILY: arial; FONT-SIZE: 12px; color: #ff0000;font-weight:bold;}
.copy {FONT-FAMILY:microsoft yahei; FONT-SIZE: 12px; COLOR: #585858; line-height:140%;}
.line{FONT-FAMILY: arial; FONT-SIZE: 12px; color: #85b4da;}
.newsdate{FONT-SIZE: 10pt; COLOR: #c52c00; line-height:150%;font-weight:bold;}
.dot{FONT-FAMILY: webdings;FONT-SIZE: 10pt; COLOR: #000000; line-height:150%;}
.dot2{FONT-FAMILY: webdings;FONT-SIZE: 12px; COLOR: #ff0000;}
.profile{FONT-FAMILY:microsoft yahei;FONT-SIZE: 12px; COLOR: #727272; line-height:150%;}
.white{FONT-FAMILY:microsoft yahei;FONT-SIZE: 12px; COLOR: #ffffff; line-height:150%;}
.orange{FONT-FAMILY:microsoft yahei;FONT-SIZE: 16px; COLOR: #ff6c00; font-weight:bold;}

.title{FONT-FAMILY:microsoft yahei; FONT-SIZE: 14px; color: #ffffff;font-weight:bold;}
.total{FONT-FAMILY: 宋体; FONT-SIZE: 12px; color:  #c4c4c4;}

a.foot:active {FONT-SIZE: 9pt; COLOR: #585858; TEXT-DECORATION: underlineline-height:30pt;}
a.foot:link {FONT-SIZE: 9pt; COLOR: #585858; TEXT-DECORATION: underline}
a.foot:visited {FONT-SIZE: 9pt; COLOR: #999999; TEXT-DECORATION: underline}
a.foot:hover {FONT-SIZE: 9pt; COLOR: #0e8417; TEXT-DECORATION: underline }

a.blue:active {FONT-SIZE: 9pt; COLOR: blue; TEXT-DECORATION: underline line-height:30pt;}
a.blue:link {FONT-SIZE: 9pt; COLOR: blue; TEXT-DECORATION: underline}
a.blue:visited {FONT-SIZE: 9pt; COLOR:blue; TEXT-DECORATION: underline}
a.blue:hover {FONT-SIZE: 9pt; COLOR: red; TEXT-DECORATION: underline }

a.orange:active {FONT-SIZE: 12px; COLOR: #ff6c00; FONT-FAMILY:microsoft yahei;TEXT-DECORATION: underline line-height:30pt;}
a.orange:link {FONT-SIZE: 12px; COLOR: #ff6c00; FONT-FAMILY:microsoft yahei;TEXT-DECORATION: underline}
a.orange:visited {FONT-SIZE: 12px; COLOR: #ff6c00; FONT-FAMILY:microsoft yahei;TEXT-DECORATION: underline}
a.orange:hover {FONT-SIZE: 12px; COLOR: #ff6c00; FONT-FAMILY:microsoft yahei;TEXT-DECORATION: underline }

a.pname:active {FONT-SIZE: 14px; COLOR: #0525b1; FONT-FAMILY:microsoft yahei;font-weight:bold;}
a.pname:link {FONT-SIZE: 14px; COLOR: #0525b1; FONT-FAMILY:microsoft yahei;font-weight:bold;}
a.pname:visited {FONT-SIZE: 14px; COLOR: #0525b1; FONT-FAMILY:microsoft yahei;font-weight:bold;}
a.pname:hover {FONT-SIZE: 14px; COLOR: #0525b1; FONT-FAMILY:microsoft yahei;font-weight:bold; }



#leftmenu UL {display:block;MARGIN: 2px 0px 0px  -44px !important ; MARGIN: 2px 0px 0px 10px ;WIDTH: 220px;HEIGHT: 43px}
#leftmenu UL LI {display:block;  PADDING-LEFT: 0px; FONT-FAMILY:microsoft yahei;PADDING-BOTTOM: 0px; WIDTH: 195px; PADDING-TOP: 0px; HEIGHT: 43px}
#leftmenu UL LI A {	DISPLAY: block; PADDING-LEFT: 28px; PADDING-BOTTOM: 11px;  PADDING-TOP: 11px;FONT-FAMILY:microsoft yahei;FONT-SIZE: 14px; BACKGROUND: url(../img/leftsubmenubk1.gif) no-repeat top; WIDTH: 220px; COLOR: #333333; TEXT-ALIGN: left;}
#leftmenu UL LI A:hover {DISPLAY: block; PADDING-LEFT: 28px; FONT-FAMILY:microsoft yahei;FONT-SIZE: 14px; BACKGROUND: url(../img/leftsubmenubk2.gif) no-repeat top; WIDTH: 220px; COLOR: #ffffff; font-weight:bold }
#leftmenu UL .current A {DISPLAY: block; PADDING-LEFT: 28px; FONT-FAMILY:microsoft yahei;FONT-SIZE: 14px; BACKGROUND: url(../img/leftsubmenubk2.gif) no-repeat top; WIDTH: 220px; COLOR: #ffffff;font-weight:bold}

#leftmenusun UL {display:block;MARGIN: 2px 0px 0px -54px !important ; MARGIN: 2px 0px 0px 0px ;WIDTH: 100px ; HEIGHT: 43px}
#leftmenusun UL LI {display:block; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-FAMILY:microsoft yahei;PADDING-BOTTOM: 0px; WIDTH: 195px; PADDING-TOP: 0px; HEIGHT: 43px}
#leftmenusun UL LI A {	DISPLAY: block; PADDING-LEFT: 28px; PADDING-BOTTOM: 11px;  PADDING-TOP: 11px;FONT-FAMILY:microsoft yahei;FONT-SIZE: 14px; BACKGROUND: url(../img/leftsubmenubk1.gif) no-repeat top; WIDTH: 220px; COLOR: #333333; TEXT-ALIGN: left;}
#leftmenusun UL LI A:hover {DISPLAY: block; PADDING-LEFT: 28px; FONT-FAMILY:microsoft yahei;FONT-SIZE: 14px; BACKGROUND: url(../img/leftsubmenubk3.gif) no-repeat top; WIDTH: 220px; COLOR: #ffffff; font-weight:bold }
#leftmenusun UL .current A {DISPLAY: block; PADDING-LEFT: 28px; FONT-FAMILY:microsoft yahei;FONT-SIZE: 14px; BACKGROUND: url(../img/leftsubmenubk3.gif) no-repeat top; WIDTH: 220px; COLOR: #ffffff;font-weight:bold}

#leftmenuhs UL {display:block;MARGIN: 2px 0px 0px  -44px !important ; MARGIN: 2px 0px 0px 10px ;WIDTH: 220px;HEIGHT: 43px}
#leftmenuhs UL LI {display:block; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-FAMILY:microsoft yahei;PADDING-BOTTOM: 0px; WIDTH: 195px; PADDING-TOP: 0px; HEIGHT: 43px}
#leftmenuhs UL LI A {	DISPLAY: block; PADDING-LEFT: 28px; PADDING-BOTTOM: 11px;  PADDING-TOP: 11px;FONT-FAMILY:microsoft yahei;FONT-SIZE: 14px; BACKGROUND: url(../img/leftsubmenubk1.gif) no-repeat top; WIDTH: 220px; COLOR: #333333; TEXT-ALIGN: left;}
#leftmenuhs UL LI A:hover {DISPLAY: block; PADDING-LEFT: 28px; FONT-FAMILY:microsoft yahei;FONT-SIZE: 14px; BACKGROUND: url(../img/leftsubmenubk4.gif) no-repeat top; WIDTH: 220px; COLOR: #ffffff; font-weight:bold }
#leftmenuhs UL .current A {DISPLAY: block; PADDING-LEFT: 28px; FONT-FAMILY:microsoft yahei;FONT-SIZE: 14px; BACKGROUND: url(../img/leftsubmenubk4.gif) no-repeat top; WIDTH: 220px; COLOR: #ffffff;font-weight:bold}

#leftmenujs UL {display:block;MARGIN: 2px 0px 0px  -44px !important ; MARGIN: 2px 0px 0px 10px ;WIDTH: 220px;HEIGHT: 43px}
#leftmenujs UL LI {display:block; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-FAMILY:microsoft yahei;PADDING-BOTTOM: 0px; WIDTH: 195px; PADDING-TOP: 0px; HEIGHT: 43px}
#leftmenujs UL LI A {	DISPLAY: block; PADDING-LEFT: 28px; PADDING-BOTTOM: 11px;  PADDING-TOP: 11px;FONT-FAMILY:microsoft yahei;FONT-SIZE: 14px; BACKGROUND: url(../img/leftsubmenubk1.gif) no-repeat top; WIDTH: 220px; COLOR: #333333; TEXT-ALIGN: left;}
#leftmenujs UL LI A:hover {DISPLAY: block; PADDING-LEFT: 28px; FONT-FAMILY:microsoft yahei;FONT-SIZE: 14px; BACKGROUND: url(../img/leftsubmenubk5.gif) no-repeat top; WIDTH: 220px; COLOR: #ffffff; font-weight:bold }
#leftmenujs UL .current A {DISPLAY: block; PADDING-LEFT: 28px; FONT-FAMILY:microsoft yahei;FONT-SIZE: 14px; BACKGROUND: url(../img/leftsubmenubk5.gif) no-repeat top; WIDTH: 220px; COLOR: #ffffff;font-weight:bold}



/**产品展示**/

.industry{ width:700px;height:471px;border-right:2px solid #d9d9d9; position:relative;}
/*
#slider { z-index:1; position:absolute; width:645px; height:471px; overflow:hidden; left:-8px;}
#slider .slide {Z-INDEX: 10; POSITION: absolute; width:417px; height:471px; padding-left:18px;background:url(../img/bg_19.jpg) repeat-y left #000; overflow:hidden;top:0; left:0;text-align:left;}
#slider .slide img{ }
#slider .text { position:absolute; width:156px; height:44px; padding-left:12px; line-height:44px; color:#fff; font-size:14px;top: 100%; left:18px; background:url(../img/bg_20.png) no-repeat;}
#slider .diapo { position:absolute;filter:alphpa(opacity=100); visibility:visible; opacity:1;}

*/

#slider {Z-INDEX: 1;  POSITION: absolute; WIDTH: 700px; HEIGHT: 481px; OVERFLOW: hidden; TOP:0;LEFT: -8px; background:#fff;}
#slider .slide {Z-INDEX: 10; POSITION: absolute; WIDTH: 417px;padding-left:18px;background:url(../img/bg_19.jpg) repeat-y left #000;HEIGHT: 471px; OVERFLOW: hidden; TOP: 0; CURSOR: default; LEFT: 0;text-align:left;}

#slider .text {POSITION: absolute; WIDTH: 200px;font-size:14px; COLOR: #fff; top: 100%; padding-left:12px;line-height:44px;LEFT: 18px;background:url(../img/bg_20.png) no-repeat;}
#slider .diapo {POSITION: absolute; FILTER: alpha(opacity=10); visibility: visible; opacity: 0.1;}

.right{ float:right; width:708px; padding:36px 0 0; }
.path{ height:29px; border-bottom:1px solid #e0e0e0;}
.path{ font-size:16px; padding-right:38px;}
.path span{ float:right; font:12px/16px "宋体"; color:#929292;}
.path span a{ font:"microsoft yahei"; color:#929292;}
.path span a:hover{color:#3b876d;}
.path span em{ color:#3b876d;}

.right_con{ padding:35px 0px 0 0; line-height:18px;overflow:hidden;}

/**产品展示结束**/

/**荣誉资质切换图开始**/

#box{position:relative;width:725px;height:558px;margin:115px auto 0;}
#box ul{position:relative;width:725px;height:558px;}
#box li{position:absolute;border:2px solid #000;list-style:none;background:#000;width:0;height:0;top:146px;left:377px;z-index:0;cursor:pointer;overflow:hidden;border-radius:3px;}
#box li img{width:100%;height:100%;vertical-align:top;}
#box li div{position:absolute;bottom:-100px;width:100%;height:100px;background:#000;filter:alpha(opacity=70);opacity:0.7;}
#box li div h4{margin:0 10px;font:12px/24px arial;border-bottom:1px #333 solid;}
#box li div h4 span{color:red;margin-left:10px;}
#box li div p{margin:5px 10px 0;text-indent:2em;}
#box .prev, #box .next{position:absolute;top:50%;width:39px;height:80px;margin-top:-40px;overflow:hidden;text-indent:-999px;cursor:pointer;background:url(img/btn.png) no-repeat;}
#box .prev{left:-60px;}
#box .next{right:-60px;background-position:-39px 0;}
/**荣誉资质切换图结束**/


/**首页四图切换**/
.box_container{
    position:relative; /* important */
    width:242px; /* we must set a specific width of the container, so it doesn't strech when the image starts moving */
    height:323px; /* important */
    overflow:hidden; /* hide the content that goes out of the div */
    /*just styling bellow*/
    background: black;
    color:white;
    }
    .images_holder{
    position:absolute; /* this is important, so the div is positioned on top of the text */
    }
    .image_div {
        position:relative; /* important so we can work with the left or right indent */
        overflow:hidden; /* hide the content outside the div (this is how we will hide the part of the image) */
        width:50%; /* make it 50% of the whole images_holder */
        float:left; /* make then inline */
    }
    .right img{
        margin-left: -100%; /* 100% is in this case 50% of the image, so this is how we show the second part of the image */
    }
    .clear{
        clear:both;    
    }

/**首页四图切换结束**/