@charset "UTF-8";
/* CSS Document */
/*
 * 作  者  : 动力启航加油站
 * 网  址  : http://www.dtmo.cn
 * Q    Q  : 3300203131
 * E-mail  : dtmo@vip.qq.com
*/
.container{width:1180px;margin-left:auto;margin-right:auto}
.container-fluid{width:100%}
.bg-white{background-color:#fff}
.bg-lightgray{background-color:#f8f8f8}
.bg-map{background-image:url(../img/bg-map.png)}
.bg-project{background-image:url(../img/bg-project.jpg)}
.bg-service{background-image:url(../img/bg/service.png)}
/* Banner */
.banner{width:100%;overflow:hidden;margin:0 auto;position:relative}
.banner .owl-slides{position:relative;width:100%;height:100%;left:0;top:0;overflow:hidden}
.banner figure{width:100%;position:relative;overflow:hidden}
.banner figure .img-responsive{width:100%;display:block;position:relative}
.banner figcaption{position:absolute;left:50%;top:40%;margin-left:-500px;text-align:left}
.banner figcaption h2,.banner figcaption p{color:#fff;margin-top:50px;display:none}
.banner figcaption h2{font-size:32px;line-height:1.5em}
.banner figcaption h2 b{font-weight:normal;font-size:40px;margin:0 3px}
.banner figcaption p{font:18px/2em Arial;text-transform:uppercase}
.banner figcaption img{max-width:100%}
.banner .owl-controls{margin:0;position:absolute;left:0;width:100%;bottom:5%}
.banner .owl-controls .owl-page span{background:url(../img/slides/btn.png) no-repeat 0 0;border-radius:0;display:block;width:21px;height:21px;margin:0 3px;outline:0 none;text-indent:-9999px}
.banner .owl-controls .owl-page.active span{background-position:0 -21px}

#main{position:relative;z-index:10;background-color:#fff;overflow:hidden}
.headline{padding:50px 0;text-align:center}
.headline h2{font-size:28px;line-height:1.5em}
.headline .underline{display:block;width:130px;height:20px;margin:0 auto;background-image:url(../img/heading-line.png)}
.headline .underline-white{background-position:0 0}
.headline .underline-gray{background-position:0 -20px}
/* About Us */
.about{overflow:hidden;clear:both;}
.about:hover span{width:50px}
.about .container{padding:80px 0;height:340px}
.about article{width:870px}
.about article h2{font-size:36px;line-height:40px;/*font-weight:bold;*/color:#6bc30d}
.about article h3{font-size:30px;line-height:40px;font-family:"DINCondensedW01-Normal",arial;color:#353535;text-transform:uppercase}
.about article h4{font-size:14px;line-height:25px;color:#666;font-weight:bold;text-transform:uppercase;padding-left:5px;}
.about article span{width:5px;height:2px;background:#ccc;display:block;margin:15px 0;transition:all .6s ease-in-out}
.about article div{height:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-text-overflow:ellipsis}
.about article div p{font-size:14px;line-height:20px;margin-bottom:5px;color:#999}
.about article .button{margin-top:10px}
.about figure{width:280px;height:340px;position:relative;text-align:center}
.about figure figcaption{width:270px;height:70px;line-height:70px;position:absolute;left:5px;bottom:5px;z-index:1;font-size:30px;color:#fff}
/* Service Style */
.service{background-color:#222;overflow:hidden;padding-bottom:70px}
.service .headline{color:#fff}
.service ul{clear:both}
.service ul li{width:265px;float:left;margin-right:40px}
.service ul li:nth-child(4){margin-right:0}
.service .ih-item.circle{position:relative;width:265px;height:265px;border-radius:50%}
.service .ih-item.circle .img{position:relative;width:265px;height:265px;border-radius:50%}
.service .ih-item.circle .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.service .ih-item.circle .info h3{margin-top:30px;font-size:24px;color:#6bc30d;text-shadow:none}
.service .ih-item.circle .info p{font:bold 16px/1.5em arial;text-transform:uppercase}
/* News */
.news{overflow:hidden}
.news .is-wrapper{overflow:hidden}
.news li{width:570px;height:160px;float:left;margin-right:40px;margin-bottom:40px;position:relative}
.news li:nth-child(2n){margin-right:0}
.news li a{width:570px;display:block;overflow:hidden;position:absolute;z-index:2;top:0;left:0;-webkit-transition:background-color .3s linear;-moz-transition:background-color .3s linear;-o-transition:background-color .3s linear;transition:background-color .3s linear}
.news li a:hover img{-moz-transform:scale(1.14);-webkit-transform:scale(1.14);transform:scale(1.14)}
.news li a figure{width:220px;height:160px;float:left;overflow:hidden;background:#000}
.news li a figure img{width:220px;height:160px}
.news li article{width:330px;height:160px;float:right}
.news a article h3{color:#353535;font-size:18px;font-weight:bold;line-height:30px}
.news a:hover article h3{color:#6bc30d}
.news a article span{color:#ccc;font-size:14px;line-height:30px;display:block}
.news a article span i:first-child{margin-left:0}
.news a article span i{margin:0 5px}
.news a article p{color:#999;font-size:14px;line-height:25px}
.news li .mask{width:600px;height:190px;background:#fff;position:absolute;z-index:1;top:-15px;left:-15px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.2);-moz-box-shadow:0 0 15px rgba(0,0,0,.2);box-shadow:0 0 15px rgba(0,0,0,.2);filter:Alpha(Opacity=0);opacity:0;transition:400ms}
.news li:hover .mask{filter:Alpha(Opacity=100);opacity:1}
.news .button{margin:10px auto 50px}
/* Product */
.product{border-top:1px solid #f0f0f0;overflow:hidden;background:#f5f5f5 url(../img/bg/product.jpg) repeat-x 0 bottom}
.product li{width:280px;height:420px;float:left;margin-right:20px}
.product a figure{width:280px;height:280px;background:#000;overflow:hidden}
.product a:hover figure img{transform:scale(1.14)}
.product a article{padding:20px;width:280px;width:240px !important;height:140px;height:100px !important;background:#2b2b2b}
.product a article h3{font:italic 40px/1.5em "arial black","times new roman";color:#4a4a4a}
.product a:hover article h3{color:#fff}
.product a article h2{font-size:18px;color:#fff}
.product a article i{width:5px;height:1px;background:#fff;display:block;transition:all .5s ease-in-out}
.product a:hover article i{width:50px}
.product a:hover article{background:#6bc30d}
.product .control{padding:40px 0;height:50px;text-align:center}
.product a.list{width:80px;height:50px;border-radius:3px;display:inline-block;margin:0 5px;background:#343434 url(../img/btn-list.png) no-repeat center 0;transition:all .3s linear 0s}
.product a:hover.list{background-position:center -50px}
.product a.prev,.product a.next{width:52px;height:50px;border-radius:3px;display:inline-block;margin:0 5px;background:#343434 url(../img/btn-arrow.png) no-repeat;transition:all .3s linear 0s}
.product .control a:hover{background-color:#ff8a00}
.product a.next{background-position:-52px -50px}
.product a:hover.next{background-position:0 -50px}
.product a:hover.prev{background-position:-52px 0}