/* 通用CSS */
body{font-family: "Microsoft JhengHei", sans-serif; padding-top: 75px;}
a{ text-decoration: none!important;}
#banner{ height: 600px; background-size: cover;}
.titlebox{text-align: center; padding: 40px 0 30px 0;}
.titlebox h3{line-height: 36px; font-size: 24px;margin: 0}
.tc{text-align: center}
.tr{text-align: right}
*{outline: none}
/*表单验证*/
.Validform_checktip{
    line-height:30px;
    height:30px;
    overflow:hidden;
    color:#999;
    font-size:12px;
}
.Validform_right{
    color:#71b83d;
    padding-left:20px;
    background:url(../images/right.png) no-repeat left center;
    _background:url(../images/right.gif) no-repeat left center;
}
.Validform_wrong{
    color:red;
    padding-left:20px;
    white-space:nowrap;
    background:url(../images/error.png) no-repeat left center;
    _background:url(../images/error.gif) no-repeat left center;
}
.Validform_loading{
    padding-left:20px;
    background:url(../images/onLoad.gif) no-repeat left center;
}
.Validform_error{
    border:1px solid #ff7474;
}


/* 头部CSS */
#header{ background: #1a1d76; height: 75px; line-height: 75px;}
#header #logo{}
#header #logo h1,#header #logo h1 a{ margin: 0; height: 75px; line-height: 75px; display: block}
#header #logo img{ height: 50px;}
#header #navigation{ text-align: right;}
#header #navigation > ul{ list-style: none; margin: 0; padding: 0;}
#header #navigation > ul > li{display: inline-block; position: relative}
#header #navigation > ul > li > a{ color: #ffffff; height: 75px; line-height: 75px; font-size: 16px; display: inline-block; font-weight: bold;margin-left: 15px;border-bottom: 4px solid #8bb928; }
#header #navigation > ul > li > a:hover,#header #navigation ul li a.cur{ color: #ffffff; border-bottom: 4px solid #1a1d76; text-decoration: none;}
#header #navigation > ul > li > ul{position: absolute;display: none;
    list-style: none;
    padding: 0;
    background: #1a1d76;
    top: 75px;
    left: 15px;
    width: calc(100% - 15px);
    text-align: left;}
#header #navigation > ul > li > ul > li{}
#header #navigation > ul > li > ul > li a{    height: 50px;
    line-height: 50px;
    display: block;
    padding: 0 15px;
    color: #ffffff;
    border-top: 1px solid #1a1d76;
    font-size: 16px;}
#header #navigation > ul > li > ul > li a:hover{background: #8bb928; color: #ffffff}
#header #navigation > ul > li:hover > ul{display: block;}
#header2{ position: fixed; top: 0; left: 0; width: 100%; z-index: 999;display: none}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background: none;}
.navbar-toggle{border: none; border-radius: 0;margin-right: 5px;}
.navbar-default{background: #333; margin-bottom: 0;border-color:#333}
.navbar-default .navbar-brand{ color: #7ba919;}
.navbar-default .navbar-toggle .icon-bar{background: #7ba919;}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{ color: #7ba919;}
.navbar-default .navbar-nav>li>a{color: #7ba919}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none}

/*关于我们*/
#about{padding: 0 0 80px 0;}
.aboutcontent{}
.aboutcontent p{ margin: 0}
.aboutcontent img{max-width: 100%;height: auto}
.aboutcontentimg{ height: 498px;}

#service{}
#service img{max-width: 100%; height: auto; border: 1px solid #e5e5e5;
    margin-bottom: 30px;}

/*底部CSS*/
#footer{background: #333; color: #fff;padding: 0 0 50px 0;}
.footercontent{}
.footercontent form{}
.footercontent form input[type=text]{ height: 42px; line-height: 42px; border: none; border-bottom: 1px solid #fff; background: none; width: 100%}
.footercontent form textarea{border: none; border-bottom: 1px solid #fff;background: none; width: 100%;line-height: 42px; height: 84px;}
.footercontent form input[type=submit]{ line-height: 54px; height: 54px; background: #8bb928;font-size: 24px; text-align: center; border: none; width: 100%; cursor: pointer; border-radius: 4px;}
.footercontent p:first-child img#ewmimg{width:180px;}

#fixedright{position: fixed; right: 0; bottom: 150px; z-index: 1000; display: none}
#fixedright ul{list-style: none; margin: 0; padding: 0;}
#fixedright ul li{ width: 50px; height: 50px; line-height: 50px; background: #333; border-bottom: 1px solid #fff; text-align: center; color: #fff;}
#fixedright ul li img{ height: 30px; width: auto;}
#fixedright ul li a{width: 50px; height: 50px; display: block}
#fixedright ul li a i{color: #fff;}
#wxewm{ position: absolute; right: 50px; top: 0; width: 150px; height: 150px; display: none}
#wxewm img{ width: 150px; height: 150px;}

/*新闻列表*/
#list_news{padding: 50px 0;}
.lnlist{float: left;}
.lnlist a{padding: 20px 0px; display: block; }
.lnlist:nth-child(odd){ width: 48%;margin-left: 2%}
.lnlist:nth-child(even){ width: 48%;margin-right: 2%}
.lnlist a img{float: left;margin-right: 20px; width: 240px; height: auto}
.lnlist a h4{ font-size: 30px; line-height: 36px; padding: 0; margin: 0 0 10px 0; color: #333; height: 72px; overflow: hidden;}
.lnlist a p{line-height: 24px; color: #333; height: 72px; overflow: hidden}
.lnlist a:hover{ background: #f1f1f1}
.lnlistmore{ text-align: center; margin-top: 70px}
.lnlistmore a{ display:inline-block; width: 270px; height: 56px; background: url("../images/clist_more.png") no-repeat 0 0; text-indent: -999em; overflow: hidden}
.lnlistmore a:hover{background: url("../images/clist_more_h.png") no-repeat 0 0;}
#list_news .carousel-caption{ bottom: 0;padding: 0; height: 60px; line-height: 60px; background: rgba(0,0,0,0.3); width: 100%; text-align: left; left: 0; right: auto; text-indent: 20px}
#list_news .carousel-control.left,#list_news .carousel-control.right{background-image:none;}

/*新闻内容*/
#detail_news{padding: 30px 0;}
.content{}
.content .content_title{font-size: 36px; line-height: 42px;}
.content .content_meta{ margin: 10px 0;}
.content .content_c{}
.content .content_c img{max-width: 100%; height: auto}
.slist h5{ background: #e6e6e6; color: #333; height: 36px; line-height: 36px; width: 200px; border-radius: 4px; text-align: center;font-size: 18px;}
.slist ul{list-style: none;margin: 0; padding: 0}
.slist ul li{ clear: both; padding: 10px 0;}
.slist ul li img{float: left; margin-right: 15px;}
.slist ul li h6{line-height: 30px; color: #333;font-size: 14px;margin: 0}
.slist ul li p{color: #333;}
#lslide{margin-bottom: 50px;}

/*首页*/
.cllist{margin-bottom: 30px;}
.cllist img{width: 100%; height: auto;}
.case_lnlistmore{margin: 30px 0}

/*案例详细*/
#detail_case{padding: 90px 0 60px 0}
#detail_case .dcleft{}
#detail_case .dcleft .dcleftc{ position: relative;padding-left: 130px; padding-bottom: 30px; margin-bottom: 15px; border-bottom: 1px solid #ccc;}
#detail_case .dcleft .dcleftc h3{ position: absolute; margin: 0; left: 0; top: 0;font-size: 18px;font-weight: bold}
#detail_case .dcright{ float: right;}
#detail_case .dcright h3{ background: #e6e6e6; color: #333; height: 36px; line-height: 36px; width: 200px; border-radius: 4px; text-align: center;font-size: 18px; margin: 0 0 20px 0}
#detail_case .dcright ul{list-style: none;margin: 0; padding: 0}
#detail_case .dcright ul li{float: left; width: 50%;margin-bottom: 20px;}
#detail_case .dcright ul li img{max-width: 100%; height: auto}
#detail_case .dcright2 ul{list-style: none;margin: 0; padding: 0}
#detail_case .dcright2 ul li{float: left; width: 48%; margin: 0 1% 20px 1%}
#detail_case .dcright2 ul li img{max-width: 100%; height: auto}
#detail_case .dccenter{}
#detail_case .dccenter img{max-width: 100%; height: auto}

/*案例列表*/
figcaption{ text-align: center;}
figcaption h3{ font-size: 18px; margin: 0; line-height: 30px;}

/*分页CSS*/
#list_pagenav{margin: 50px 0; clear: both}
#list_pagenav > a{ height: 36px; padding: 0 10px; line-height: 36px; text-align: center; background: #e5e5e5; display: inline-block; color: #333;}
#list_pagenav > a > b{ font-weight: normal; text-align: center}
#list_pagenav > b{ height: 36px; padding: 0 10px; line-height: 36px; text-align: center; background: #7ba919; display: inline-block; color: #fff; font-weight: normal;}
#list_pagenav > a:hover{ background:#7ba919; color: #fff;}

/*关于我们新增*/
#otherbox{margin-top:15px;}
#otherbox a{background: #333;color: #ac8a6e;height:30px; line-height:30px; padding:0 10px; display:inline-block}

.cllist a{position: relative;display: block;margin:8px 0 0 8px;}
.cllist .img{overflow: hidden;}
.cllist .img em{display: block;padding-top: 64%;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;}
.cllist .txt{position: absolute;left:0;top:0;
    padding:0 5px;width: 100%;height: 100%;text-align: center;
    background:rgba(0,0,0,.8);
    -o-transition:.8s;
    -ms-transition:.8s;
    -moz-transition:.8s;
    -webkit-transition:.8s;
    transition:.8s;
    opacity: 0;}
.cllist a:hover .txt{opacity: 1;}
.cllist .table{display:table;width: 100%;height: 100%;}
.cllist .table-cell{display: table-cell;vertical-align: middle;}
.cllist .txt h3{margin-bottom: 5px;height: 21px;line-height: 21px;overflow: hidden;
    font-size: 18px;color:#7ba919;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;}
.cllist .txt p{color:#d7d7d7;height: 16px;line-height: 16px;overflow: hidden;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
}

.cllist a:hover .txt h3,
.cllist li a:hover .txt p{
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.cllist:hover .img em{
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
    transform-origin: 50% 50%;
}

#pc_c{display: block}
#m_c{display: none}

.online-tel{position:relative;}
.online-tel img{position:relative;z-index:999;}
.online-tel .tel-n{display:block;padding:0 10px;position:absolute;top:0;left:50px;z-index:99;background:#333;color:#fff;font-size:16px;width:230px;}


@media (max-width: 760px){
    body{padding-top: 52px;}
    #header{display: none}
    #fixedright{display: none!important;}
    #header2{display: block;}
    .titlebox{padding: 10px 0}
    .titlebox h3{font-size: 18px; line-height: 24px;}
    #caselist > .container > .row > div{padding: 0 5px;}
    .cllist{margin-bottom: 10px;}
    .case_lnlistmore{margin: 10px 0 20px 0; text-align: center}
    .lnlistmore a{height: 30px; background-size: auto 30px; width: 145px;}
    #about{padding: 0 0 20px 0}
    .footercontent p{margin: 0;font-size: 12px; line-height: 20px;}
    .footercontent p:first-child{float: left;margin-right: 10px;}
    .footercontent p:first-child img#ewmimg{ width: 80px;}
    #footer{padding: 0 0 20px 0;}
    #banner{background-size: auto 200px!important; height: 200px;}
    #detail_case{padding: 20px 0;}
    .lnlist{ float: none; width: 100%!important; margin: 0!important;}
    .lnlist a img{ width: 150px; margin-right: 15px;}
    .lnlist a h4{ font-size: 18px; height: 24px; line-height: 24px; overflow: hidden; margin: 0 0 5px 0; padding: 0; font-weight: bold}
    .lnlist a p{ line-height: 20px; font-size: 14px; height: 60px; overflow: hidden}
    #list_news{padding: 0;}
    #lslide{margin: 0 -15px;}
    #list_news .carousel-caption{height: 30px; line-height: 30px; overflow: hidden; text-indent: 10px;}
    #list_news .carousel-caption h3{margin: 0; font-size: 14px;height: 30px; line-height: 30px;}
    #list_news .lnlistmore{margin: 10px 0;}
    #caselist > .container > .row > div:last-child{display: none!important;}
    .aboutcontentimg{ height: 200px;}
    .cllist a{margin: 0}
    #pc_c{display: none}
    #m_c{display: block}
}