*{padding:0;margin:0;}
body{height:100%;}
html{height:100%;}
img{border:none;}
ul{list-style:none;}
a:visited{color:#444;text-decoration:none;}
a:link{color:#444;text-decoration:none;}
a:hover{color:#F08326;text-decoration:underline;}
body{font:12px '寰蒋闆呴粦';color:#444;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.orange{color:oragne;}
.orangered{color:orangered;}
.skyblue{color:skyblue;}
.gray{color:gray;}
.silver{silver;}
.red{color:#900;}
.green{color:#060;}
.moreto{color:orange;display:block;float:right;font-size:14px;margin-top:5px;margin-right:10px;}
#wrap{width:100%;min-height:100%;*height:100%;line-height:2.0;position:relative;}
#header{height:180px;background:#fff;width:1003px;margin:0 auto;*position:relative;*z-index:100;}
#content{width:1003px;margin:0 auto;padding-bottom:380px;}
*+html #content{width:1003px;margin:0 auto;padding-bottom:20px;} 
#cont{width:100%;}

#topline{background-color:#383838;width:100%;height:1px;}
.top1{height:50px;width:1003px;}
.top1 .lang{background-color:#5A000E;width:130px;height:26px;border-radius:5px;color:#fff;line-height:2.3;}
.top1 .lang a:visited{color:#fff;}
.top1 .lang a{color:#fff;}
.top1 .lang a:hover{color:#FF9;text-decoration:none;text-shadow: 5px 5px 5px #FFC;}
.top1 .topm{width:270px;height:26px;margin-left:20px;}
.topselect{width:150px;height:24px;line-height:24px;position:relative;text-align:center;cursor:pointer;background:url(404.png) right 0px no-repeat;color:#fff;border-radius:5px;}
.topselect .option ul{list-style:none;margin:0;padding:0;}
.topselect .option ul li{height:24px;background:#666px;text-align:center;}
.topselect .option{line-height:24px;width:150px;position:absolute;top:24px;left:0px;display:none;background:#820014;border-radius:0px 0px 5px 5px;}
.logo{height:90px;width:1003px;}
.logo #logoico{width:225px;height:79px;background:url(../image/logo.jpg) no-repeat;display:block;float:left;}
#menu{width:1000px;height:38px;background:url(404.png) center repeat-x;border:1px solid #e6e6e6;text-align:center;}
#menu .on{background-color:#E84807;color:#fff;}
#menu #m1{}
#menu #m1 li{width:142px;height:38px;position:relative;border-right:1px solid #eee;float:left;}
#menu #m1 li a:visited{width:142px;height:38px;display:block;font-size:14px;line-height:35px;}
#menu #m1 li a:link{width:142px;height:38px;display:block;font-size:14px;line-height:35px;}
#menu #m1 li a:hover{color:#fff;background-color:#E84807;text-decoration:none;}
#menu .m2{display:none;}
#menu #m1 li:hover .m2{position:absolute;left:0px;top:38px;z-index:1000;display:block;}
#menu .m2 li{border-bottom:1px solid #4a4949;}
#menu .m2 a:visited{background-color:#383838;color:#fff;border-right:1px solid #333; }
#menu .m2 a:link{background-color:#383838;color:#fff;border-right:1px solid #333; }
#menu .m2 a:hover{background-color:#E84807;color:#fff;border-right:1px solid #E84807; }




<!----------------------------------------------------------杞挱鍥炬牱寮忚〃--------------------------------------------->
#slider{}
.container {width:1003px;height:300px;position:relative;*z-index:0;}
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides li {position: relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%;height:300px;display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.no-js .slides > li:first-child {display: block;}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
.loading .flex-viewport {max-height: 300px;}
.slides .slide-caption {
    background-color: rgba(0, 0, 0, 0.7);
    bottom:85px;
    font-family: 'Ubuntu',sans-serif;
    left: 50%;
    padding: 20px;
    position: absolute;
    text-align: left;
    width: 50%;
}
.slides .slide-title {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin-top: 0;
}
.slides .slide-subtitle {
    font-size: 14px; line-height: 20px;
    color: #ffffff;
}
@media (max-width: 767px) {
    .slides .slide-caption {display: none;}
}

/* Direction Nav */
.flex-direction-nav {
    position: absolute;
    margin-left: 0;
    left: 0;
    bottom: 49%;
    width: 100%;
    opacity: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}
.flex-direction-nav li {
    float: left;
    margin-left: 1px;
    list-style: none;
}
.flex-direction-nav a {
    display: inline-block;
    height: 50px;
    position: absolute;
    text-indent: -9999px;
    width: 50px;
}
.flex-direction-nav .flex-prev {
    background: url('../image/arrow-slider-left.png') no-repeat center; left:0;top:-35px;
    background-color: #000000;
}
.flex-direction-nav .flex-next {
    background: url('../image/arrow-slider-right.png') no-repeat center; right:0;top:-35px;
    background-color: #000000;
}
.flex-direction-nav .flex-next:hover {
    opacity: 1;
    background-color:#E84807;
}
.flex-direction-nav .flex-prev:hover {
    opacity: 1;
    background-color:#E84807;
}
.flex-direction-nav .flex-disabled {
    opacity: .3 !important;
    filter: alpha(opacity = 30);
    cursor: default;
}
@media screen and (max-width: 767px) {
    .flex-direction-nav {top: 0; height: 100%;}
    .flex-direction-nav a {height: 100%;}
}

/* Control Nav */
.flex-control-nav {
    bottom: 14px;
    margin-right: 0;
    position: absolute;
    right: 0;
    text-align: center;
}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {
    width: 20px; height: 10px;
    display: block;
    background: #000000;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-paging li a:hover { background: #E84807;}
.flex-control-paging li a.flex-active { background: #E84807;}
@media screen and (max-width: 767px) {
.flex-control-nav {display: none;}
}

@media (max-width: 767px) {
.container {padding-left: 20px; padding-right: 20px; }
}
/*----------------------------------------------------------杞挱鍥炬牱寮忚〃---------------------------------------------*/
.span1{width:1003px;position:relative;}
.span2{width:244px;}
.ar1{padding: 0px 20px; margin: 0px 0px 22px; height: 46px; background-color: rgb(240, 131, 38); font-style: normal; font-variant: normal; font-weight: normal; font-size: 28px; line-height: 45px; font-family: 寰蒋闆呴粦; color: rgb(255, 255, 255); text-align: center; float: left; display: inline; position: relative; z-index: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-repeat: initial initial; left: 0px; top: 0px;}
.ar2{padding: 0px; margin: 0px; font-style: normal; display: block; border-width: 15px 15px 0px; border-style: solid; border-color: rgb(240, 131, 38) transparent transparent; position: absolute; left: 45px; bottom: -15px;}
.titlebt{border-top:2px solid #F08326;width:990px;position:absolute;left:2px;top:0px;}

.rowone{width:1003px;height:300px;display:table;}
.rowone .box1{width:244px;height:296px;color:black;float:left;overflow:hidden;font-size:12px;position:relative;}
.rowone .box1 a{text-decoration:none;}
.rowone .a1{width:242px;height:259px;background:white;margin:2px auto 0px auto;border:1px solid #eeeeee;border-radius:6px 6px 0px 0px;text-align:center;}
.rowone .a2{width:242px;height:260px;background:#fff no-repeat;margin:2px auto 0px auto;border:1px solid skyblue;border-bottom:none;border-radius:6px 6px 0px 0px;display:none;}
.rowone .a2 .btn1{width:200px;height:28px;background:#FC7B00;display:block;font-size:12px;text-align:center;color:white;line-height:2.5;}
.rowone .a2 .btn1:hover{background:#F60;}
.rowone .a2 .btn2{width:200px;height:28px;background:#3498DB;display:block;margin-top:7px;font-size:12px;text-align:center;color:white;line-height:2.5;}
.rowone .a2 .btn2:hover{background:#217BB8;}
.rowone .wbtext{width:244px;color:white;text-align:center;font-size:14px;line-height:2.3;background:#666666;border-radius:0px 0px 6px 6px;margin:0 auto;}
.rowone .box1 .bl{border-bottom:1px solid #eee;}    

    	
.rowtwo{width:1003px;height:280px;display:table;clear:both;overflow:hidden;}

/*HIGHLIGHTS*/
.btn-hl {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
    padding: 4px 14px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 20px;
    *line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color:#333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);
    *background-color: #e6e6e6;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #bbbbbb;
    *border: 0;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    border-radius: 0;
}


.highlights{
    margin-bottom: 45px;
}
.highlights-content {
    background: none repeat scroll 0 0 #f2f2f2;
    margin-top: -60px;
    padding: 50px 20px 20px;
    text-align: center;
	}
.highlights-content a{text-decoration:none;}
.highlights-content a:hover{color:#c03;}
.highlights-content p{text-align:left;text-indent:2em;height:75px;}
.highlights div:hover .highlights-content{
    background:#C33;
    color:#FEFEFE;
}
.highlights>div:hover a[class^='hl']{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.highlights-content h5 {
    font-weight: 600;
    margin-top: 20px;
	font-size:16px;
}
.hl-circle {
    background: url("../image/circle.png") no-repeat scroll center center transparent;
    display: table;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 120px;
    margin-top: 5px;
	}
a[class^='hl-icon']{
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition:all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}
.hl-icon1{background: url("404.png") no-repeat center center;
    display: block;
    height: 120px;
	width: 120px;
    text-indent: -9999px;
 	}
.hl-icon2{background: url("404.png") no-repeat center center;
    display: block;
    height: 120px;
    text-indent: -9999px;
    width: 120px;
}
.hl-icon3{background: url("404.png") no-repeat center center;
    display: block;
    height: 120px;
    text-indent: -9999px;
    width: 120px;}
.hl-icon4{background: url("404.png") no-repeat center center;
    display: block;
    height: 120px;
    text-indent: -9999px;
    width: 120px;}
.hl-icon5{background: url("404.png") no-repeat center center;
    display: block;
    height: 120px;
    text-indent: -9999px;
    width: 120px;}
.hl-icon6{background: url("404.png") no-repeat center center;
    display: block;
    height: 120px;
    text-indent: -9999px;
    width: 120px;
}
.hl-icon7{background: url("404.png") no-repeat center center;
    display: block;
    height: 120px;
    text-indent: -9999px;
    width: 120px;}
.hl-icon8{background: url("404.png") no-repeat center center;
    display: block;
    height: 120px;
    text-indent: -9999px;
    width: 120px;}

/*Our Works*/
.our-works h4{
    font-weight: 600;
    padding-bottom: 10px;
}



.rowthree{width:1003px;height:300px;display:table;}
.rowthree .newbox{width:330px;height:300px;float:left;}
.rowthree .new_t1{width:98px;height:28px;background:#fff;color:#333;border:1px solid #eee;text-align:center;line-height:1.8;font-weight:600;}
.rowthree .new_t2{width:225px;height:30px;background:#EEE;color:#333;line-height:2.5;text-indent:175px;}
.rowthree .new_t2 a{color:#666;text-decoration:none;}
.rowthree ul{clear:both;line-height:2.5;}
.rowthree ul li{width:305px;white-space:nowrap;padding:0px 10px;text-overflow:ellipsis;overflow:hidden;font-size:12px;}
.rowthree ul li span{margin:0px 5px;}

.Customer{width:1003px;height:160px;display:table;}
.Customer .Cusbox{width:200px;height:160px;float:left;}
.Customer .Cusbox ul{}
.Customer .Cusbox ul li{text-align:center;padding:0px 15px;}
.Customer .Cusbox ul li:hover{text-shadow: 5px 5px 5px #FF0000;font-size:20px;color:#F30;border-radius:5px;}


#footer{height:320px;width:100%;color:#999;background:url(404.png) #393939;position:absolute;bottom:0;left:0px;} 
*+html #footer{height:320px;width:100%;color:#999;background:url(404.png) #393939;position:static;} 
#footer #foot{width:1003px;height:270px;margin:0 auto;}
#footer #foot .il{border-right:1px solid #666;}
#footer #foot .w148{width:148px;}
#footer #foot .w163{width:163px;}
#footer #foot .w403{width:403px;}
#footer #foot .w248{width:248px;}
#footer #foot .fw1{height:100px;}
#footer #foot .fw2{height:200px;}
#footer #foot a:visited{color:#3498DB;display:block;font-size:12px;margin-top:5px;text-decoration:none;}
#footer #foot a{color:#3498DB;display:block;font-size:12px;margin-top:5px;text-decoration:none;}
#footer #foot a:hover{color:#F08326;text-shadow: 4px 4px 4px #F90;}


#footer #foot .fbox1{width:100%;height:40px;border-bottom:1px solid #666;color:#eee;}
#footer #foot .fbox1 div{float:left;text-align:center;}
#footer #footbt{height:50px;width:100%;BACKGROUND:#222222;}
#footer #footbt *{color:#eee;}