.tel{ overflow:hidden; float:right; width:262px;}
.tel span{ background:#0982ec; overflow:hidden; width:68px; height:68px; float:left; display:block; border-radius:100%; text-align:center; padding-top:15px}
.tel ul{ float:right; text-align:left; width:192px; padding-top:8px; padding-left:5px}
.tel ul li:nth-child(1){ font-size:18px; color:#666666}
.tel ul li:nth-child(2){ font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#0982ec; font-weight:bold}

.nav{ background:#0982ec; height:80px; margin-top:20px; position:relative; z-index:9999}
.nav li{ float:left; width:150px; text-align:center; position:relative; z-index:9999;  border-right:#0060b5 solid 1px;padding-top:16px; padding-bottom:14px}
.nav li a{ text-decoration:none}
.nav li a span{ color:#FFF;  display:block; line-height:25px;}
.nav li a span:first-child{ font-size:18px;}
.nav li a span:last-child{ font-size:12px; font-family:Arial, Helvetica, sans-serif}
.nav li.act{background:#ff6637;}
.nav li:hover{background:#ff6637;}
.nav li:hover a{ color:#FFF}
.nav li.act a{ color:#FFF}
.s{ display:none; position:absolute;top:80px; background:#ff6637; width:200px;}
.s a{ display:block; color:#FFF; line-height:35px; text-align:left; font-size:16px; padding-left:35px; border-top:#e96e00 solid 1px; display:block}
.nav li:hover .s{ display:block;}
@keyframes fadeNav {
    from {
		width:100px;
    }
    to {
		background:#ff6637;
		width:200px;
		
    }
}
.animatedNav {
    animation-duration: 0.5s;
    animation-fill-mode: both;
}
.fadeInNav {
    animation-name: fadeNav;
    animation-direction: normal;
}
/*»ÃµÆƬ(×é¼þ)*/
.slide{position:relative;width:100%;}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.ban_c img{width:100%;height:100%;}
.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}
.ban_nav{position:absolute;bottom:20px;left:0;width:52%;text-align:right;z-index:4;}
.ban_nav a{display:inline-block;vertical-align:middle;width:12px;height:12px;line-height:3px;overflow:hidden;text-align:center;margin-right:6px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#0981eb; color:#0981eb; border-radius:100%}
.ban_nav .on{background:#ff6637;color:#ff6637;}
.Left,.Right{cursor:pointer;}
.banner .Left{left:0px;background-position:5px 0; background:url(../images/blueLeft_02.png) no-repeat; width:36px; height:36px;}
.banner .Right{right:0px;background-position:-33px 0;background-color:#e6292f;background:url(../images/blueRight_03.png) no-repeat; width:36px; height:36px;}

.title{ overflow:hidden; border-bottom:#f2f2f2 solid 4PX; margin-top:20px; padding-bottom:7px}
.title strong{ background:#0982ec; width:10px; height:30px; display:block; float:left; margin-top:8px}
.title span{ font-size:30px; color:#0982ec; font-weight:bold; float:left; display:inline; margin-left:10px}
.title p{color:#ff6637; font-size:28px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;float:left; display:inline; padding:0px; margin:0px; margin-left:10px; padding-top:10px}
.title a{  text-decoration:none;margin-top:22px; float:right; display:inline;color:#0982ec; font-size:18px; font-family:Arial, Helvetica, sans-serif}

.aboutLeft span{ font-size:24px; color:#FFF;  display:block; line-height:32px; position:absolute; color:#FFF; top:0;left:0; background:#ff6637; padding:15px 20px 15px 20px }
.aboutRight a{ font-size:16px; color:#ff6637; text-decoration:none; margin-left:20px}
.aboutRight a:hover{  color:#0982ec}

.product li:hover{ width:289px; height:280px; float:left; background:#0982ec; text-align:center; margin-right:15px; margin-top:20px;}
.product li:hover span{ color:#FFF}

.case li:hover span{ background:#0982ec;}

.news li a time{ width:135px; display:block; background:#0982ec; padding:17px 10px 17px 10px ; margin:0px; float:left; margin-right:15px; text-align:center}
.news li a time span{ display:block; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; line-height:38px; }
.news li a time span:nth-child(1){ font-size:32px; font-weight:bold; }
.news li a time span:nth-child(2){ font-size:26px; font-weight:bold; }
.news li:hover{ background:#ff7800}
.news li:hover h1{ color:#FFF}
.news li:hover p{ color:#FFF}


.foot{ background:#0982ec; padding-bottom:10px}
.copyConf{ overflow:hidden}
.copy{ float:left; width:1005px; margin-top:0px}
.footNav{ margin-top:30px; text-align:center; border-bottom:#005baa solid 1px;}
.footNav a{ color:#FFF; text-decoration:none; font-size:16px; border-left:#005baa solid 1px;padding-right:15px;padding-left:15px; line-height:60px}
.footNav a:first-child{ border-left:none;padding-left:0px;}
.copy p{ color:#FFF; font-size:16px; line-height:35px;}
.copy div{ color:#FFF; font-size:16px; line-height:35px;}
.copy span { color:#FFF; font-size:16px;}
.copy span a{ color:#FFF; text-decoration:none}
.conf{ width:154px; float:right; margin-top:0px; text-align:center; color:#FFF; font-size:14px;}
.conf P{ background:url(../images/e_03.png) no-repeat; width:154px; height:133px;}
.conf P img{ margin-top:12px; width:110px; height:110px;}
.conf span{ line-height:30px; margin-bottom:0px; display:block}

.menu{ font-size:18px; color:#0982ec; text-align:left;  padding-bottom:10px; margin-top:20px}
.m{border-bottom:#00863a solid 1px;}
.menu a{ font-size:18px; color:#0982ec; text-decoration:none}
.main img{ max-width:1200px;}
.main{ line-height:28px; }
.flxz{ background:#0982ec; line-height:60px; color:#ffffff; padding-left:20px; font-size:14px; width:1200px; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:20px; }
.flxz a{ color:#ffffff; text-decoration:none; margin-right:15px; border:#d4d4d4 dotted  1px !important; padding:10px; border-radius:10px}
.flxz span{ margin-right:20px}
.flxz a.act{ background:#ff6637; color:#FFF}
.flxz a:hover{ background:#ff6637; color:#FFF}


.hl_nav{ background-color: #0982ec; position: relative; color: #ffffff; width: 1200px; margin:0 auto; height: 64px; margin-top:12px; }
.hl_nav a{ display: block; text-decoration: none; }
.hl_nav .shade{ position: absolute; width: 100%; height:200px; top: 64px; left: 0; z-index: 1; background-color: #EEEEEE; opacity: 0.9; filter: alpha(opacity=90); box-shadow: 0 5px 15px #CCCCCC; display: none; border-bottom: #ffffff solid 1px; border-bottom: rgba(255,255,255,0.3) solid 1px; }
.hl_nav .nav_list{ position: absolute; top: 0; left: 50%; margin: 0 0 0 -600px; z-index: 2; padding: 0; list-style: none; width: 1200px; overflow: hidden; height: 64px; }
.hl_nav .nav_list>li{ padding: 0; float: left; margin: 0; width: 180px; text-align: center; height:auto; display:block; }
.hl_nav .nav_head{ height: 64px; line-height: 64px; color: #ffffff; font-size: 16px; }
.hl_nav .nav_head .icon{ font-size: 18px; }
.hl_nav .item{ height: 40px; line-height: 40px; color: #333333; position: relative;  background-color: #ffffff; opacity: 0.8; filter: alpha(opacity=80);}
.hl_nav .item:hover:after{ content: ''; display: block; position: absolute; width: 110px; height: 2px; bottom: 5px; le opacity: 0.9; filter: alpha(opacity=90);left: 35px; background-color: #0982ec; }
.hl_nav .nav_list:hover{ height:auto; display:block; transition: height 0.3s; }
.hl_nav .nav_list:hover + .shade{ height:auto; display:block; }
.hl_nav .nav_list>li.highlight:hover{ background-color: #ffffff; }
.hl_nav .nav_list>li:hover .nav_head,.hl_nav .nav_list>li.active .nav_head{ background-color: #ff6637; }
.hl_nav .nav_list>li.right{ float: right; }
.hl_nav .nav_list>li:hover .item{ }


.free li{ line-height:0px; margin-top:20px; color:#0982ec}
.free input[type="submit"]{ line-height:45px; width:20%; padding-left:10px; font-size:18px; border:0; background:#0982ec; color:#FFF}

.newsContainter li:hover{ border-bottom:#0982ec dotted 1px;}
.newsContainter li:hover h1{ color:#0982ec}
.newsContainter li:hover p{ color:#0982ec}

.page{ text-align:center; margin-top:10px; clear:both; width:100%}
.page a{ font-size:16px; margin-right:10px; color:#666666; background:#f1f1f1; padding:10px 20px 10px 20px; text-decoration:none}
.page a.act{ background:#0982ec; color:#FFF}
.page a:hover{background:#0982ec; color:#FFF}
.page span.current{ font-size:16px; margin-right:10px; padding:10px 20px 10px 20px; background:#0982ec; color:#FFF}

.nextpaging a:hover{ color:#0982ec;  text-decoration:none; }

.cases li:hover span{ background:#0982ec}

.products li{ width:289px; height:280px; float:left; background:#0982ec; text-align:center; margin-right:15px; margin-top:0px; margin-bottom:20px}

.link dt{ padding:0px; margin:0px; float:left; display:inline; background:#0982ec; color:#FFF; padding:10px}