﻿/* CSS Document */
*{margin:0; padding:0;list-style:none;}
a,input,textarea,li,b,.site-description,.site-title,.logo,.sub-menu li,.feature article,.block-content,.footer-icons span,.avatar,.popup,
.overlay,.da-animate,.services article,#contactForm button,.form-hint,.porcon,.services h3,.pack-list article{ -moz-transition:ease-in-out 0.5s; 
-webkit-transition:ease-in-out 0.5s; -o-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; transition:ease-in-out 0.5s; }
/*****************头部*****************/

body,html{font-size:100%;font-family:'微软雅黑',sans-serif;color:#333 !important;}
a{text-decoration:none;color:#fff;outline:none; blr:expression(this.onFocus=this.blur());}
.fl{float:left;}
.fr{float:right;}
img{border:0;max-width:100%;}
ol,ul{list-style:none;}
em{font-weight:normal; font-style:normal;}
/*--clearfix--*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*--header--*/
.hbg{background:#fff;border-top:3px solid #666666;}
header{color:#FFF; width:100%;}
.header{height:100px; border-top:3px #10315a solid;position: relative; }
.menu li span{display:block;}
.logo-main{width:100%; margin-top:15px; }
.logo {widht:60%;position: relative;display:inline-block; }
.tel{positeion:relative; float:right; widht:298px; display:inline-block;}
.logo-main:hover span:before,.footer-logo:hover span:before { -webkit-transform: scale(0.85,1) skew(0deg,20deg); -ms-transform: scale(0.85,1) skew(0deg,20deg); transform: scale(0.85,1) skew(0deg,20deg); }
.logo-main:hover span:after,.footer-logo:hover span:after { color: #eee; -webkit-transform: rotateY(-40deg); -ms-transform: rotateY(-40deg); transform: rotateY(-40deg); }
/*********************菜单*********************/
.header-menu{width:100%; background-color:#10315a; position: relative; overflow:hidden;}
.header-menu .menu > li{ display: block; float: left; position: relative; border-left:1px solid #ccc;text-align:center;}
.header-menu .menu > li:hover,.header-menu .menu > li.hover{background:#0d468d;}
.header-menu .menu > li:first-child{border-left:none;}
.header-menu .menu a{font-size:0.875em; display: block; padding:2px 13px; text-transform: uppercase; }
.header-menu .menu a span{display:block;font-size:0.75em;}
.header-menu .menu > li > a{padding:10px 31px 10px; }
.header-menu .current-menu-item > a{ color:#fb4724; }
/* 子菜单样式 */
.sub-menu { position: absolute; top: 100px; z-index: 1000; min-width: 100%; max-height: 0; -webkit-perspective: 400px; -moz-perspective: 400px; -ms-perspective: 400px; -o-perspective: 400px; perspective: 400px; }
.sub-menu li { opacity: 0; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); border-top: 1px #fff solid; border-bottom: 1px #eee solid; }
.sub-menu li:first-child{ border-top: none; }
.sub-menu li:last-child{ border-bottom: 3px #000 solid; }
.sub-menu li a{ background-color:#fff;white-space: nowrap; }
.sub-menu li a:hover{ background-color:#808080; color: #fff; }
.header-menu .menu > li:hover .sub-menu li, .header-menu .menu > li:focus .sub-menu li { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
/* CSS3延迟过渡效果 */
.header-menu .menu li:hover .sub-menu li:nth-child(1) { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
.header-menu .menu li:hover .sub-menu li:nth-child(2) { -webkit-transition-delay: 50ms; -moz-transition-delay: 50ms; -ms-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms; }
.header-menu .menu li:hover .sub-menu li:nth-child(3) { -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -ms-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; }
.header-menu .menu li:hover .sub-menu li:nth-child(4) { -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -ms-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; }
.header-menu .menu li:hover .sub-menu li:nth-child(5) { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; }
.sub-menu li:nth-child(1) { -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; -ms-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms; }
.sub-menu li:nth-child(2) { -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; }
.sub-menu li:nth-child(3) { -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -ms-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; }
.sub-menu li:nth-child(4) { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; }
.sub-menu li:nth-child(5) { -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -ms-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; }
/*响应式菜单*/
#responsive-nav { display: none; margin: 10px auto 0px; padding: 12px; border: 1px solid #CCC; font-size:1em }
/*延迟*/
.overlay:target+.footer-icons .facebook,.overlay:target+.footer-icons .rss,.footer-icons .facebook,.footer-icons .rss{ -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
.overlay:target+.footer-icons .twitter,.overlay:target+.footer-icons .salong,.footer-icons .twitter,.footer-icons .salong{ -webkit-transition-delay: 80ms; -moz-transition-delay: 80ms; -ms-transition-delay: 80ms; -o-transition-delay: 80ms; transition-delay: 80ms; }
.overlay:target+.footer-icons .sina,.overlay:target+.footer-icons .qq,.footer-icons .sina,.footer-icons .qq{ -webkit-transition-delay: 160ms; -moz-transition-delay: 160ms; -ms-transition-delay: 160ms; -o-transition-delay: 160ms; transition-delay: 160ms; }
.container { position: relative; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}





/**************动画************/
#wrapper {background:#fff;position:relative;}
.fullwidthbanner-container{position:relative;padding:0;overflow:hidden;}
.fullwidthbanner-container img{max-width:none !important;}
.fullwidthbanner-container{width:100% !important;position:relative;padding:0;max-height:580px !important;overflow:hidden;}
.fullwidthbanner-container .fullwidthabnner	{width:100% !important;max-height:580px !important;position:relative;}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected{background:#F2881D !important;}
.tp-leftarrow:hover,.tp-rightarrow:hover{background-color:#e1472f !important;}



/*************通用导航***************/
.lines{width:100%; height:58px; background:url(../images/searchbj.jpg);}
.lines .home{width:21px; height:21px; float:left; background:url(../images/home.jpg);}
/*************服务项目***************/
.service{position:relative;padding:0;overflow:hidden;}
.service .service-top-img{width:100%; display:inline-block;vertical-align: middle; text-align: center;}

.service .service-title{width:100%; text-align:center;}

.service .service-container{width:100%;display:inline-block; vertical-align: middle;  text-align: center;}


/************产品展示****************/
.index-project{position:relative;padding:0;overflow:hidden;}
.index-project .project-top-img{width:100%; display:inline-block; vertical-align: middle; text-align: center;}
.index-project .project-container{width:100%;display:inline-block; vertical-align: middle;  text-align: center;}


/************关于我们*************/
.indexs{position:relative;padding:0;overflow:hidden; background-color:#f5f5f5;}


/****************底部导航*****************/
.bottom{position:relative;padding:0;overflow:hidden;}

/***************联系我们****************/
.adr {
    font-size: 14px;
    color: #666666;
}

.cobt{ font-size:30px; color:#fff;background:#57a058; margin-bottom:10px;padding-left:38px; padding-top:24px; line-height:30px; height:70px;}
.cobt .eng{ font-size:14px; color:#a7c9a7;}
.adr{ font-size:14px; color:#666666;}
.adr td{ padding-left:20px; border-bottom:1px #e7e7e7 dashed;}
.adr .dz{ font-size:16px; color:#333333;}
.adr .tele{ font-size:24px; color:#57a058;}
.adr td.last{ border-bottom:0px;}


tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}












