﻿body,input,textarea{font-family:Arial,Helvetica, "microsoft yahei",  sans-serif;font-size:14px;color:#7c7a7a;-webkit-text-size-adjust:none;background-color:#ffffff;}
a{text-decoration:none;color:#595757;font-family:Arial,Helvetica, "microsoft yahei", sans-serif;outline:none;font-size:14px;}
a:hover{color:#595757;text-decoration:none;outline:none;}
img{border:0px;max-width:100%;}
/*.img img{max-height:100%;}*/
h1,h2,h3,h4{margin:0px;}
.block{display:block;}
.none{display:none;}
body{line-height: 24px;}
*{outline:none;}
em,label{font-style: normal;}

.col-pink{color: #e6006d;}
.col-black{color: #000;}
.col-gray{color: #434343}
.col-brown{color: #a84323;}

.fn0{font-size:0px;}
.fn10{font-size:10px;}
.fn12{font-size:12px;}
.fn13{font-size:13px;}
.fn14{font-size:14px;}
.fn15{font-size:15px;}
.fn16{font-size:16px;}
.fn17{font-size:17px;}
.fn18{font-size:18px;}
.fn20{font-size:20px;}
.fn22{font-size:22px;}
.fn24{font-size:24px;}
.fn25{font-size:25px;}
.fn26{font-size:26px;}
.fn28{font-size:28px;}
.fn30{font-size:30px;}
.fn35{font-size:30px;}

.ft_ar{font-family:Arial, Helvetica, sans-serif;}
.ft_ti{font-family:times new roman}
.ft_si{font-family:simsun;}
.ft_pe{font-family:Perpetua Titling MT;}
ul{margin:0px;padding:0px;list-style:none;}

.position-relative{position:relative;}
.position-fixed{position:fixed;}
.position-absolute{position:absolute;}
.img{text-align: center;}
.img img{
    vertical-align:middle;
    max-width:100%;max-height:100%;
    /*max-width:97%!important;max-height: 90%!important;*/
}
.normal{font-weight:normal;font-style: inherit;}
.bold{font-weight:bold;}
.clear{width:100%;height:0px;line-height:0px;overflow:hidden;clear:both;}
.overflow-hidden{overflow:hidden;}

.new_title{text-overflow:ellipsis;white-space:nowrap;float:left;_display:inline;overflow:hidden;text-aligN:left;}

.trans_3{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;padding:5px;margin-bottom: 5px}
.trans_5{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.trans_10{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
.jiao{width:0px;height:0px;border-style:solid;}


.max-window-width{max-width:1660px;margin:0 auto;}

.triangle_border_down{
    width:0;
    height:0;
    border-width:12px 12px 0;
    border-style:solid;
    border-color:#918f8d transparent transparent;/*灰 透明 透明 */
    margin:40px auto;
    position:relative;
}

nav.navbar{background: #fff;border: none; top:0;width: 100%;left:0;z-index: 100;}
nav.navbar .navbar-right{margin-right:0;}
nav.navbar .navbar-right li:before { content: ''; }
nav.navbar .navbar-right li a:hover,nav.navbar .navbar-right li a.cur{color: #fff;}
.navbar-header span.color1{ color:#666;letter-spacing: 2px;margin:15px 0 0 10px;}
.navbar-brand{width:100px;height:50px;background:url(../img/logo.png) no-repeat center;margin:2px 10px 0 15px;background-size: 100% auto;}

.home-banner,.innerBanner{margin-top:52px;}
.home-banner div{border:0px;outline:none;text-align:center;}
.home-banner .slider{margin:0 auto;text-align:center;}
.home-banner .slider .slick-prev,.home-banner .slider .slick-next{
    opacity:0;z-index:20;width:24px;height:84px;background:url(../img/next.png) no-repeat;border:0px;outline:none;top:50%;position:absolute;margin-top:-44px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
.home-banner .slider:hover .slick-prev,.home-banner .slider:hover .slick-next{opacity:0;}
.home-banner .slider .slick-next{background-position:right top;}
.home-banner .slider .slick-dots{left:0px;width:100%;bottom:10px;position:absolute;}
.home-banner .slider .slick-dots li{display:inline-block;width:19px;height:19px;margin:0 12px;border-radius:50%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background: #fff;}
.home-banner .slider .slick-dots li button{opacity: 0;}
.home-banner .slider .slick-dots li.slick-active{background-color:#a84323;}


@media screen and (min-width:767px) {
    nav.navbar{line-height:44px;height:111px;border:0px;margin-bottom:0px;border-radius: 0;}
    .navbar-brand{width:330px;height:80px;margin:20px 0 0;}
    .navbar-brand img{display:inline; vertical-align: inherit;}
    .navbar-default{height:62px;}
    .navbar-default .navbar-nav{margin-top:58px;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{background:transparent;}
    .navbar-default .navbar-nav > li:hover ul{display:block;}
    .navbar-default .navbar-nav > li > a{color:#333;padding:0 17px;line-height:29px;float:left;}
    .navbar-default .navbar-nav > li > a i.ico-sel{margin-left:10px;}
    .navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li.dq > a{color:#333;}
    .navbar-brand{padding-top:5px;}
    .navbar-header span.color1{ color:#fff;margin:10px 0 0 20px;}
    /*.dropdown-menu li{background:url(../img/sebg1.png);box-shadow:0px;margin-top:1px;text-align: center;}*/
    .dropdown-menu li a{line-height:24px;padding:18px 0;color:#fff;}
    .dropdown-menu li a:hover{color:#fff;}
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background:none;color:#fff;border-bottom:2px solid #fff;margin-bottom:-2px;}
    .navbar-default .navbar-nav > .open > a i.ico-sel{background-image:url(../img/setbg.png);}


    .home-banner,.innerBanner{margin-top: 111px;}
}
@media screen and (min-width:768px){
    .navbar-brand{width: 250px;}
}
@media screen and (max-width:768px) {.navbar-brand{width: 160px;}}
@media screen and (max-width:1199px)  {
    .navbar-default .navbar-nav > li > a{font-size: 13px;padding:0 8px;color: #333;}

}






@media screen and (min-width:1238px) {
    .container{width:1238px;}

}
@media screen and (min-width:1200px) {
    .home-banner .slider{width:1920px;left:50%;margin-left:-960px;}
    .home-banner .slider .slick-prev,.home-banner .slider .slick-next{left:50%;}
    .home-banner .slider .slick-prev{margin-left:-550px;}
    .home-banner .slider .slick-next{margin-left:550px;}

    .container{width:1200px;}
}
@media screen and (max-width:1199px) {
    .home-banner .slider .slick-prev,.home-banner .slider .slick-next{width:30px;background-size:200%;}
    .home-banner .slider .slick-prev{left:50px;}
    .home-banner .slider .slick-next{right:50px;}
}
@media screen and (max-width:768px) {
    .home-banner .slider .slick-slide img{}
    .navbar-brand{padding-top:10px;}

    .home-banner .slider .slick-dots{bottom: -5px;}
    .home-banner .slider .slick-dots li{width: 10px;height: 10px;}
    .navbar-default .navbar-nav > li > a{font-size: 14px;padding:8px 12px;color: #333;}

}
.navbar{margin-bottom:0px;}


.box-shadow-1{
    -webkit-box-shadow: 3px 3px 3px #e9e9e9;
    -moz-box-shadow: 3px 3px 3px #e9e9e9;
    box-shadow: 3px 3px 3px #e9e9e9;
}
.box-shadow-2{
    -webkit-box-shadow:0 0 10px #e9e9e9;
    -moz-box-shadow:0 0 10px #e9e9e9;
    box-shadow:0 0 10px #e9e9e9;
}
.border-radius-5{border-radius:5px;}
.border-radius-10{border-radius:10px;}
.home-product{margin-top:15px;margin-bottom:15px;border-radius:10px;
    -webkit-box-shadow: 3px 3px 3px #e9e9e9;
    -moz-box-shadow: 3px 3px 3px #e9e9e9;
    box-shadow: 3px 3px 3px #e9e9e9;
}



.icon{display: inline-block;vertical-align: middle;/*background: url(../img/icon.png) no-repeat;*/}

.icon-jiao{width: 27px;height: 16px;background-position: -97px 0;}

.icon-foot{width: 8px;height: 16px;background-position: 0 0; float: left;margin:0 3px 0 0;}
/*模块*/
.mod-title{padding-bottom: 20px}
.mod-title .text{line-height: 50px;text-transform: uppercase;}
.icon-titleTip{display: inline-block;width: 28px;height: 15px;background: url(../img/titleTip.png) no-repeat;vertical-align: top;}

.ui-btn{display: inline-block;height: 46px;line-height: 46px;width: 285px;background: #666;color: #8ebe46;font-size:18px;border-radius:46px;}
.ui-btn:hover{background: #8ebe46;color: #fff;}



.lt-foot{background:#333;padding:30px 0 10px;color: #bdbdbd;}
.lt-foot .col-sm-12{margin-bottom: 20px;}
.lt-foot a{color: #bdbdbd;}
.lt-foot h3{margin-bottom:8px;}
.lt-foot p{margin-bottom: 0;}
.lt-foot .col-md-9 .text{line-height: 18px;padding-top:5px;}
footer{background: #040404;padding:15px 0;line-height:20px;color: #bdbdbd;}



/*首页*/
.i-pro{padding: 40px 0;background: #f1f1f1;}
.i-pro .item{border-radius: 100%;border:3px solid #c6c6c5;width: 345px;height: 330px;overflow: hidden;line-height:330px;margin:20px auto 0;}
.i-pro .col-xs-12.cur  img{margin-top: -2px;}
.i-pro .col-xs-12 .item .text{width: 100%;bottom:0;background: url(../img/whiteBg.png) repeat;text-align: center;height: 45px;line-height:45px;}
.i-pro .col-xs-12 a:hover .item{
    transform:translate3d(0,-3px,0);
    -webkit-transform:translate3d(0,-3px,0);
    box-shadow:0 0 0 #fff, /*左边阴影*/
    0 0 0 #fff, /*右边阴影*/
    0 0 0 #fff, /*顶部阴影*/
    0 10px 10px #e5e2e2; /*底边阴影*/
}
/*.i-pro .col-xs-12 a:hover .item img{width: 380px!important;}*/
    .i-pro .col-md-4 a:hover img{opacity:0.7;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
/*.works .col-md-4 a:hover img::after {opacity: 1;-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);}*/

.i-bg{background:#c9c9c9;}
.i-case{padding: 40px 0 30px;}
.i-case .col-xs-6 .box{background: #fff;line-height:24px;}
.i-case .col-xs-6 .box .position-absolute{height: 100%;width: 100%;top:0;}
.i-case .col-xs-6 .box .img{margin:60px 0 10px;}
.i-case .lBox > .row .col-xs-6:nth-child(1) .row > .box{margin-right:-15px;}
.i-case .lBox > .row .col-xs-6:nth-child(2) .row > .box{margin-left:-15px;}

/*.i-case .lBox > .row .col-xs-6:nth-child(1) .col-xs-12:nth-child(2):hover~.col-xs-12 img*/
.i-case .lBox > .row .col-xs-6:nth-child(2) .col-xs-12:nth-child(1):hover + .col-xs-12 img,
.i-case .r-newpro a:hover img{opacity:0.7;-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);}

.i-case .col-xs-12.cur img{opacity:0.7;-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);}



.i-case .col-xs-12 .rText{color: #fff;width: 30px;text-align: center;}
.i-case .col-xs-12 .rText span{display:inline-block;padding:15px 0;}
.i-case .table-cell{width: 80%;}
.r-newpro .position-absolute{left:20px;top: 0px;color: #fff;}
.r-newpro img{width: 100%;}

.i-news{padding:0 0 30px;}
.i-news .col-sm-6 .box{line-height:25px;background:#fff;padding:48px 5px 40px;margin-bottom:30px;border:2px solid #e8e8e8;}
.i-news .col-sm-6 .imgBox{width:126px;height: 126px;border-radius: 100%;overflow: hidden;margin:0 auto 10px;}
.i-news .col-sm-6 .imgBox img{width: 100%;height: 100%;}
.i-news .col-xs-12 .text{padding:0 30px 0 0;}
.i-news h3{height: 30px;line-height: 30px;overflow: hidden;margin:10px 0 0;font-weight: 600;}
.i-news a:hover h3{color: #002c28;}

.index-news.i-news .col-sm-6 .box{border:none;}

/*产品中心*/
.lt-block{padding: 30px 0 70px;}
.lt-title{line-height: 40px;padding:20px 0 20px;}
.icon-t1{width: 29px;height: 18px;background-position: -19px 0;margin: -7px 12px 0 0;}
.icon-t2{width: 29px;height: 18px;background-position: -55px 0;margin: -7px 0 0 12px;}
.bga{background:#f1f1f1;}

.pro .title{color:#fff;height: 52px;line-height: 52px;background: #126961;}
.pro .proBox .box{background: #dfdfdf;text-align: center;border:1px solid #adadad;}
.proBox{padding:0px;}
.pro .proBox .box a{display: block;}
.pro .proBox .cur,.pro .proBox .box:hover,.pro .proBox .box a:hover,.pro .proBox .cur a{background: #126961;color: #fff;}
.proList{padding:0 0 40px;line-height: 40px;}
.proList .col-xs-6{margin-bottom: 20px;}
.proList .box{background:#fff;padding:10px 10px 0;}
.proList .box img{max-width: 100%;max-height: 100%;}
.proList .box p{margin-bottom: 0;height: 40px;line-height: 40px;overflow: hidden;}
.proList a:hover .box{
    -webkit-transition:all 0.3s linear;transition:all 0.3s linear;
    box-shadow:rgba(164,164,164,0.7) 0 0 18px;
    transform:translate3d(0,-4px,0);
    -webkit-transform:translate3d(0,-4px,0);

}
.pro .margin11{margin-bottom:20px;}
.pro .margin22{margin-top:20px;}

/*产品详情*/
.view{padding-bottom: 80px;}
.viewplay{text-align: center;position: relative;margin-bottom: 20px;}
.viewplay div{height: 450px;line-height: 450px;text-align: center;}
.viewplay div img{max-width: 100%;max-height: 100%;}
.viewplay div img,.viewplay div{border: none;}
.viewplay .slick-dots{display: none!important;}
.viewplay .slick-arrow{display: inline-block; width: 28px;height: 48px;background: url(../img/next2.png) no-repeat;border: none;position: absolute;top: 50%;margin-top: -24px;}
.viewplay .slick-arrow.slick-next{background-position: -28px 0; right:28px;}
.viewplay .slick-arrow.slick-prev{background-position: 0 0;left:28px;}

.viewplay div img{vertical-align: middle;}
.rView .top{line-height: 30px;border-bottom: 1px solid #d2d2d2;padding-bottom: 15px;margin-bottom: 25px;}
.rView .top .fn35{line-height:40px;padding:0 0 10px;}
.rView .bottom{line-height: 40px;}
.rView .bottom span{display: inline-block;width: 100px;float: left;color: #595757;}


/*案例*/
.index_case .col-md-4{margin-bottom: 40px;}
.index_case .box{margin:0 -7px;background:#fff;}
.index_case .box .img{height: 290px;line-height: 290px;}
.index_case .box .fn18{bottom:-1px;text-indent: 15px;color: #fff;background: url(../img/black.png) repeat;width: 100%;height: 38px;line-height: 38px;overflow: hidden;}
.index_case .col-xs-6 .box:hover{
    -webkit-transition:all 0.3s linear;transition:all 0.3s linear;
    box-shadow:rgba(164,164,164,0.7) 0 0 18px;
    transform:translate3d(0,-4px,0);
    -webkit-transform:translate3d(0,-4px,0);
}

.index_case .title0{ height:60px; line-height:60px;}
.index_case .margin00{margin:6px auto;}

/*联系我们*/
.icon-contact{display: inline-block;vertical-align: middle;background: url(../img/contact.png) no-repeat;width: 38px;height: 38px;}
.icon-contact1{background-position: 0 0px;}
.icon-contact2{background-position: 0 -57px;}
.icon-contact3{background-position: 0 -116px;}
.icon-contact4{background-position: 0 -175px;}
.icon-contact5{background-position: 0 -230px;}
.icon-contact6{background-position: 0 -289px;}
.contact{color: #3b3b3b;padding-bottom: 20px;}
.contact .fn20{margin:0 0 10px;}
.contact .map{margin-bottom: 25px;}
.contact .container p{line-height:16px;margin-bottom:5px;}
.contact .col-xs-12{margin-bottom:20px;}
.contact .innnerText{height:38px;line-height:38px;text-indent:12px;font-size:16px;}



/*关于我们*/
.about{line-height: 30px;}
.about .col-md-9{margin-bottom: 12px;}
.about .col-md-3 .clearfix{margin-bottom:12px;}
.about p{margin: 0;}
.about .col-md-3 .clearfix{padding-left:0!important;padding-right:0!important;}
.mt10{margin-top:10px!important;}
.mb5{margin-bottom:5px!important;}
.mb20{margin-bottom:20px!important;}

/*.honor .aaa{bottom: 0;z-index: 11;height:56px;line-height: 56px;left:50%;}*/
.honor .box{width: 100%;height: 56px;border:1px solid red;}
.honor .text{
    bottom: 0;z-index: 11;
    height:56px;line-height: 56px;overflow: hidden; color:#002c28;}
.honor .textBg{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;height:56px;background: #fff;
    bottom: 0;z-index: 10;
}

.honorImg .box{margin:0 auto 10px;height: 223px;line-height: 223px;}




@media (min-width: 768px){
    .honor .text,.honor .textBg{width:720px;}
}
@media (min-width: 992px){
    .honor .text,.honor .textBg{width:940px;}
}
@media (min-width: 1200px){
    .honor .text,.honor .textBg{width:1140px;}
}
@media screen and (min-width:1238px) {
    .honor .text,.honor .textBg{width:1208px;}
}
@media (max-width: 767px){
    .honor .text,.honor .textBg{width:320px;height: 40px;line-height: 40px;left:50%;margin-left:-160px;}

    .honorImg .box{height: 200px;line-height: 200px;}
}

@media (max-width: 540px){

    .honorImg .box{height: 150px;line-height: 150px;}
}

.col-green{/*color: #195c52;*/}
.col-gray{color: #9f9f9f;}
.table-cell{height: 100%;width: 100%;}
.table-cell:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */
}
.middle{vertical-align: middle;display: inline-block;}
.table-cell > div{vertical-align:middle;}
.opacity{opacity: 0;}


@media screen and (max-width:991px) {
    .r-newpro{margin-top:0px;}

    /*.i-case .lBox .col-xs-6 .box {margin-left:-15px;margin-right:-15px;}*/

    .index_case .box img{height: auto;}
    .index_case .box .img{height: 250px;line-height: 250px;}


}
@media screen and (max-width:1200px) {
    .i-pro .item{width: 230px;height: 230px;line-height:230px;}
    .i-pro .col-xs-12.cur .item img{width: 80%;}
}
@media screen and (max-width:768px) {
    .i-pro .item{width: 200px;height: 190px;line-height:190px;}
    .i-pro .col-xs-12 .item .text{height: 30px;line-height:30px;font-size:16px;}

    .i-case .col-xs-6 .box .img{margin-top: 70px;}

    .fn30{font-size:22px;}

    .index_case .box .img{height: 270px;line-height: 270px;}

    .proList .box > div{height: 190px;line-height: 190px;}

    .proBox{padding:20px 0 10px;}
    .viewplay div{height: 400px;line-height:400px;}

    .fn28{font-size:18px;}
    .fn20{font-size:16px;}
    .fn18{font-size:16px;}
    .fn26{font-size:20px;}
    .fn16{font-size:14px;}
    
    .lt-title{line-height: 35px;padding:10px 0 10px;}
}

@media screen and (max-width:540px) {
    .i-case .col-xs-6 .box .img{margin-top: 35px;margin-bottom: 15px;}
    .i-case .col-xs-6 .box .img img{width: 32px; height: auto;}
    .i-case .col-xs-6 .fn16{font-size:13px;line-height: 18px;}

    .i-case .col-xs-12 .fn20{font-size:15px;line-height:20px;}
    .i-case .col-xs-12 .rText span{padding:0;}

    .index_case .box .img{height: 140px;line-height: 140px;}
    .index_case .box .fn18{font-size: 12px;height: 25px;line-height: 25px;}

    .proList .box > div{height: 150px;line-height: 150px;}

    .viewplay div{height: 300px;line-height:300px;}
}
@media screen and (max-width:320px) {
    .i-case .col-xs-6 .box .img{margin-top: 15px;margin-bottom: 5px;}
    .i-case .col-xs-6 .box .img img{width: 25px; height: auto;}
    .i-case .col-xs-6 .fn16{font-size:12px;line-height: 16px;}
    
    .triangle_border_down{border-width: 8px 8px 0;}

    .index_case .box .img{height: 106px;line-height: 106px;}

    .proList .box > div{height: 110px;line-height: 110px;}
}


@media screen and (min-width:768px) {
    .proList .box > div{height: 300px;line-height: 300px;}
}

@media screen and (min-width:992px) {
    .proList .box > div{height: 250px;line-height: 250px;}

    .about .col-md-9 .box{margin-right: 27px;}
    .about .col-md-3 .box{margin-left: -28px;}
}
@media screen and (min-width:1200px) {
    .about .col-md-9 .box{margin-right: 32px;}
    .about .col-md-3 .box{margin-left: -31px;}
}
.fanhui a{font-size:16px;color:#666}
.fanhui a:hover{color:#002c28;}

.news .container0{width:950px; margin:15px auto;min-height:280px;}

.zhiran-zero{padding:0px;margin:0px;}