
 <!--
                body {
            	background-color: #fff;
            





            background-position:top center;margin-left:0px;
            COLOR:;
            margin-top: 0px;margin-right: 0px;margin-bottom:0px;
            font-size: 14px;
            }
            A:link {
            FONT-SIZE: 14px;
            COLOR: ;
            TEXT-DECORATION: none}
            A:visited {
            FONT-SIZE: 14px;
            COLOR: ;
            TEXT-DECORATION: none}
            A:hover {
            FONT-SIZE: 14px;
            COLOR: ;
            TEXT-DECORATION: none}
            


/*??????????*/

            #webdh {
            text-align:center;
            vertical-align:middle;
            width: 1300px;
            height:30px;
            margin: 0 auto;
            font-size: 12px;
            font-weight: normal;
            COLOR: ;
            
            	background-color: ;
            
            overflow:hidden;
            }
            #webdh A:link {FONT-SIZE: 12px;COLOR: ; TEXT-DECORATION: none}
            #webdh A:visited {FONT-SIZE: 12px;COLOR: ; TEXT-DECORATION: none}
            #webdh A:hover {FONT-SIZE: 12px;COLOR: ; TEXT-DECORATION: none}
            #copy {text-align:center;width:1300px;margin: 0 auto; line-height:150%;}
            .clear {clear:both; height:0; overflow:hidden; display:block;}
            .clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
            -->
            

/*?м???????*/

#bodycon {width:1300px;margin: 0 auto;}
#bodycon #left {float: left;width: 0px;

            	background-color: ;
            
}
#bodycon #center {float:left;width: 1300px;

            	background-color: ;
            
}
#bodycon #right {float:left;width: px;

            	background-color: ;
            
}
            
/*?м????????*/


/*?????????*/

            #bodycontent {width:1300px;
            margin: 0 auto;
            line-height:180%;text-align:center;}
            #bodycontent.bodycontent2020 {
                text-align:left;
            }
            
/*??????????*/




/*案例*/

.indcase{background:#f4f4f4 url(../img/casebg.jpg) top center no-repeat; padding-bottom:70px; padding-top:80px;}
.indcase .title{ margin-bottom:80px;}
.case_nr{background:#fff; height:554px; width:1260px !important; padding:20px; margin-top:30px; position:relative;}

/* tabbtn */

.tabbtn{ width:260px; float:left; height:507px;}

.tabbtn ul{ float:left;}

.tabbtn li{position:relative; height:123px; width:280px; display:block; color:#fff; border:1px #ccc solid; margin-bottom:18px; transition:0.3s;}

.tabbtn li:after{content:""; background:url(../img/casemore.png) no-repeat; width:67px; height:38px; display:none; position:absolute; top:32px; right:40px;}

.tabbtn li span{ display:block; font-size:12px; color:#999; padding-left:100px;}

.tabbtn li a{display:block;overflow:hidden; font-size:20px;cursor:pointer; color:#333; padding-top:27px; padding-left:100px; font-weight:bold;}

.tabbtn li.current{ background:#00aeef; border:1px #00aeef solid; width:400px; transition:0.3s; position:relative; z-index:1;}

.tabbtn li.current:after{display: block;}

.tabbtn li.current a{color:#fff;}

.tabbtn li.current span{color:#fff;}



.case_nr .more{position:absolute; height:94px; width:280px; display:block; color:#fff; border:1px #ccc solid; transition:0.3s; bottom:20px;}

.case_nr .more:after{content:""; background:url(../images/case05.png) no-repeat; width:39px; height:39px; display:block; position:absolute; top:30px; left: 42px;}

.case_nr .more span{ display:block; font-size:12px; color:#999; padding-left:100px;}

.case_nr .more a{display:block;overflow:hidden; font-size:20px;cursor:pointer; color:#333; padding-top:27px; padding-left:100px; font-weight:bold;}



.tabbtn li.case_t_01 i{background:url(../images/case01.png) top center no-repeat; height:34px; width:34px; display:block; transition:0.3s; position:absolute; left:45px; top:32px;}

.tabbtn li.case_t_01.current i{background:url(../images/case01.png) bottom center no-repeat; transition:0.3s;}

.tabbtn li.case_t_02 i{background:url(../images/case02.png) top center no-repeat; height:40px; width:30px; display:block; transition:0.3s; position:absolute; left:45px; top:28px;}

.tabbtn li.case_t_02.current i{background:url(../images/case02.png) bottom center no-repeat; transition:0.3s;}

.tabbtn li.case_t_03 i{background:url(../images/case03.png) top center no-repeat; height:39px; width:40px; display:block; transition:0.3s; position:absolute; left:40px; top:28px;}

.tabbtn li.case_t_03.current i{background:url(../images/case03.png) bottom center no-repeat; transition:0.3s;}

.tabbtn li.case_t_04 i{background:url(../images/case04.png) top center no-repeat; height:39px; width:40px; display:block; transition:0.3s; position:absolute; left:40px; top:30px;}

.tabbtn li.case_t_04.current i{background:url(../images/case04.png) bottom center no-repeat; transition:0.3s;}



.tabcon{position:relative;height:553px; width:895px; float:right; overflow:hidden;}

.tabcon .subbox{position:absolute;left:0;top:0;}

.tabcon .sublist{height:553px;}

#leftcon .subbox{width:9999em;}

#leftcon .subbox .sublist{float:left;width:664px;}

.sublist {position:relative; height:553px; width:895px;}

.sublist dl{width: 570px; height: 130px; background:url(../img/caseli.png); display: block; position: absolute; bottom: 50px; padding:20px; right: 0; color:#fff; }

.sublist dl p{margin-bottom:10px;}

.sublist dl p strong{display: block; font-size:28px; float: left; margin-top:0px; padding-left: 36px;}

.sublist dl p em{font-size:12px;  display:inline-block;  padding-top:10px;font-style:normal; text-indent: 8px;}

.sublist dl i{font-size:18px; padding-left: 36px;font-style:normal;line-height:30px;}

.sublist span{ width:895px; height:553px; display:block; position:relative; z-index:0;}



/* power */

.power{background: url(../images/ys.jpg) center 0 no-repeat;height: 957px; padding-bottom:50px;}

.powerCon ul li h3{font-size: 24px;color: #333;}

.powerCon ul li p{font-size: 14px;color:#666;margin-top: 12px;line-height: 25px;}

.powerCon ul.ul01{margin-top:43px;}

.powerCon ul.ul01 li{margin-bottom: 68px;width: 550px;}

.powerCon ul.ul02{margin-top:520px;}

.powerCon ul.ul02 li{margin-top: 88px;}

.powerCon ul.ul02 p.phone{ float: left; font-size: 16px;color: #666;margin-top: 30px;background: url(../images/ystel.png) no-repeat left;height:35px; line-height:35px;padding-left: 40px;}

.powerCon ul.ul02 p.phone em{float:left;}

.powerCon ul.ul02 p.phone span{color: #0046ad;font-size:28px;font-family: "Impact"; font-weight:bold; display: block; float: left;}



.Title03 {width:100%; text-align: center;line-height:30px;margin-top:70px; margin-bottom:40px;}

.Title03 h3{color: #0046ad;font-size: 35px;letter-spacing: 2px; font-weight: normal;text-align: center;  font-weight:bold;}

.Title03 h3 b{font-size: 35px;color: #df8f28;font-weight: bold;}

.Title03 h3 b span{font-size: 75px;margin:  0 5px;}

.Title03 h3 p{display: block; font-size: 14px; font-weight: normal;color: #999; text-transform: uppercase; margin-top:14px;  letter-spacing:1px;}