/***** 网站内页，全局栏目头颜色设置－开始 ******/
#innerbgcolor { background-color:#1c88ec;}
#ibrcolor { border-bottom:2px solid #2f7604;}
#innercolor { color:#1c88ec;}
h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;}
a:focus, a:hover{color: #8d0e0e;}

.clear{clear: both;}
/**网站地图**/
#ibdser { border-bottom:2px solid #1c88ec;color:#1c88ec; }

/**在线客服、留言板**/
#footsub { background-color:#1c88ec; }
.w_message { border: 1px solid #1c88ec; }
#m_top,#m_mid,#m_bot,.kf_btn,.hyperlink_b,.hyperlink_a { background-color:#1c88ec; }
.top_bg { border-top: 4px solid #1c88ec; }
/*****网站内页，全局栏目头颜色设置－结束******/



/*****内容区1200像素******/
@media (min-width: 768px) {
    .container{
        width:100%
    }
}
@media (min-width: 992px) {
    .container{
        width:970px
    }
}
@media (min-width: 1200px) {
    .container{
        width:1200px
    }
}

.container_01{margin: auto;padding: 0 15px;}
@media (min-width: 768px) {
    .container_01 {
        width:100%
    }
}
@media (min-width: 992px) {
   .container_01 {
        width:970px
    }
}
@media (min-width: 1200px) {
    .container_01 {
        width:1200px
    }
}
@media (min-width: 1440px) {
    .container_01 {
        width:1440px
    }
}


/** 询盘样式 **/
#Dialogue_invitation {background: #4587e8 url("../images/inviteBack9.png") no-repeat;width:400px;height:175px;border-radius:5px;display:none;position:fixed;z-index:9999}
#Dialogue_invitation .Dialogue_close {width:18px;height:18px;background:transparent url(../images/close.png) no-repeat;display:block;position:absolute;right:8px;top:8px;left:auto;cursor:pointer;}
#Dialogue_invitation .Dialogue_content {position:absolute;top:44px;left:128px;right:26px;font-size:18px;color:#ffffff;line-height:36px;}
#Dialogue_invitation .Dialogue_btn {position:absolute;bottom:12px;right:12px;top:auto;left:auto;}
#Dialogue_invitation .Dialogue_btn .Dialogue_btn_no {color:#ffffff;background-color:transparent;display:inline-block;width:80px;height:32px;line-height:32px;text-align:center;border:1px solid #ffffff;border-radius:5px;font-size:13px;cursor:pointer;}
#Dialogue_invitation .Dialogue_btn .Dialogue_btn_ok {background:#ffffff;color:#4587e8;display:inline-block;width:80px;height:32px;line-height:32px;text-align:center;border:1px solid #ffffff;border-radius:5px;cursor:pointer;font-size:13px;margin-left:8px;}

/** 右侧留言背景 **/
.top_bg { border-top: 4px solid #8d0e0e;}
.kf_btn, .hyperlink_a.othercolor, div#hidden_share { background: #8d0e0e;}
#m_bot, #footsub, #m_top, #m_mid, #m_bot, .kf_btn, .hyperlink_b, .hyperlink_a { background-color: #8d0e0e;}
.w_message { border: 1px solid #8d0e0e;}
.d_label { font-size: 13px; color: #666;}




/** 欢迎 **/
.welcome { overflow: hidden; height: 40px; background: #309128 ; } 
p.wel_p { font-size: 14px;color: #fff;height: 40px;line-height: 39px; overflow: hidden;}
.sitexml { padding: 8px 0 0 0;}
span.xian { color: #fff; font-size: 12px;margin: 0 2px 0 5px;}
.sitexml, .sitexml a { font-size: 13px;color: #fff; }
.sitexml, .sitexml a:hover { color: #ffff00;}
.sitexml .f_count { margin: 0 3px;color: #fff; }
i.fa.fa-phone { font-size: 16px; margin: 0 5px 0 5px; }
span.f_dhua { font-size: 14px; }
a.f_dhbox:hover { color: #fff;}

/** logo **/



/** 导航 **/
header .header-con { width:100%; padding: 0px 0 0; z-index: 999; position: relative; border-bottom: 1px solid #333;}
div#navbar-menu { padding: 0px 0 0 0;}

nav.navbar.bootsnav { background: none; }
.nav_full .collapse { margin: 0 auto;padding:0; }
nav.navbar.bootsnav ul.nav > li { margin: 0 0 0px 0;}
nav.navbar.bootsnav ul.nav > li:hover {} /** 鼠标经过下拉 一级导航 颜色 **/
nav.navbar.bootsnav ul.nav > li > a { font-size: 16px;}
nav.navbar.bootsnav ul.nav >.on a { color:#000; } /** 鼠标经过下拉 一级导航 文字颜色 **/
nav.navbar.bootsnav ul.nav > li > a { color: #000; padding: 35px 18px; }
nav.navbar.bootsnav ul.nav > li > a:hover { color:#d1a800;}  /** 鼠标经过 一级导航 颜色 **/
header nav.navbar.bootsnav.navbar-mobile ul.nav > li > a:hover {}/** 鼠标经过下拉 一级导航 颜色 **/
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { right: 10%; top: 39%; }  /**   + 号距离 **/
.nav > li:after{} /**  鼠标经过导航  线颜色**/
nav.navbar.bootsnav li.dropdown ul.dropdown-menu { background: rgba(67,67,67,.8); margin: 2px 0 0 0; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li { width: 170px; text-align: center;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a { padding: 13px 16px; color:#fff;border-bottom: solid 1px #555; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover { background: #d1a800; color:#fff;} /** 鼠标经过下拉 颜色 **/

/* 首页导航 */
#in-header {position: absolute;width: 100%;background: rgb(0 0 0 / 50%);z-index: 2;}
#in-header .header-con {border: none;}
#in-header nav.navbar.bootsnav ul.nav >.on a { color:#fff; } /** 鼠标经过下拉 一级导航 文字颜色 **/
#in-header nav.navbar.bootsnav ul.nav > li > a { color: #fff; padding: 35px 18px; }
#in-header nav.navbar.bootsnav ul.nav > li > a:hover { color:#d1a800;}  /** 鼠标经过 一级导航 颜色 **/

@media (min-width: 992px) and (max-width: 1200px){
  
  nav.navbar.bootsnav ul.nav > li > a {font-size: 16px;}
  #in-header nav.navbar.bootsnav ul.nav > li > a { color: #fff;padding: 26px 13px;}
  
  
}

/** 大图 **/
.flexslider { max-height:1000px; background: #333;position: relative;}

.carousel-inner>.item>img{ height:960px; }
.flexslider .slides li { height:1000px;}
@media(max-width: 992px){
  #in-header nav.navbar.bootsnav ul.nav > li > a {
    color: #333;
    padding: 30px 24px;
}
  
  #in-header {position: static;width: 100%;background: #333;z-index: 2;}

  nav.navbar.bootsnav .navbar-header{padding: 0;}
  
}

@media(max-width: 767px){
  #in-header{left: 0;margin: 0;}
  #in-header nav.navbar.bootsnav ul.nav > li > a{color: #333;
    padding: 20px 10px;}
}

@media(min-width: 1920px){
  .flexslider .slides li{background-size: 100% !important;}
}

.b-adv { background: url(../images/ban-bg.png)no-repeat center;padding: 50px; position: absolute; z-index: 3;text-align: center;margin: auto; top: 30%;width: 100%;padding: 100px 0;}
.b-adv h3 { font-size: 50px; color: #fff; letter-spacing: 2px; margin-bottom: 20px; font-family: Microsoft JhengHei;font-weight: bold;  line-height: 1;text-shadow: 2px 2px 1px #9f9f9f;}
.b-adv h5 {font-size: 26px; color: #fff; line-height: 1.3;letter-spacing: 2px;}
.b-adv ul{display: inline-block;overflow: hidden;margin: 20px 0;}
.b-adv ul li{float: left;margin: 0 5px;}
.b-adv ul li span { display: inline-block; font-size: 20px; line-height: 1; border: 1px solid #fff; color: #fff;padding: 10px 30px;}
.b-adv a{    display: inline-block;font-size: 17px;color: #fff; border: 1px solid #fff;line-height: 17px;padding: 10px 36px;margin: 0 20px;border-radius: 30px;transition: all .6s;}
.b-adv a.active, .b-adv a:hover{background: #8d0e0e;border-color: #8d0e0e}



/** 底部 **/


.f_1{overflow: hidden;}
.f-lx{}
.f-lx h3{font-size: 20px;letter-spacing: 2px;color: #bcbcbc;margin-top: 0;margin-bottom: 20px;}
.f-lx p{font-size: 16px;color: #808080;line-height: 24px;}

.f_2{margin-top: 10px;}
.f_2 .copyright{font-size: 12px;color: #808080;}

.dibu_box3 { padding: 0 15px 0 0; }

.db_logoimg { height:200px; }
.db_logoimg img { height:200px;width: auto; }

.db_lxwm { margin: 32px 0 0;background: url(../images/lxwm.png) no-repeat 0px 4px;padding: 0 0 0 256px;height: 130px; }
p.dibu_p { color: #fff;line-height: 30px; }
p.dibu_p1 { font-size: 15px; }
p.dibu_p2 { font-size: 30px; font-weight: bold; height: 72px; line-height: 65px;}
p.dibu_p3 { font-size: 15px; }
.db_box { margin-top: 6px; text-align: center;float: right;}
img.img_box1 { width: auto; }
img.img_box1.img { width: 110px;}
p.img_boxp { line-height: 28px; padding: 31px 15px 0 10px; color: #fff;}

.copyright { font-size: 14px;text-align: center; }
.copyright a:hover { color:#666; }
img.dibu_img { margin-left: 10px; }
.themain { line-height: 26px;padding: 0px 0 5px;}
.themain a { color: #666;font-size: 14px;}
.themain span { color: #666;font-size: 14px;}

/** 左侧 **/
#innercolor{ color: #fff;}
#innerbgcolor{ background-color: #91e889;} /** + 更多 **/
.page-body .sec-tit { margin-top: 10px !important;}
.sec-tit h5 i{color: #fff;}
.sec-tit h2{ background:#309128 ;/** 标题 **/ background-size: cover;width: 262px;;height: 45px;display: block;line-height: 45px;padding-left: 15px;font-size: 16px;border-bottom: 0px solid #fff;}
.sec-tit h5{ margin-top: -33px;}
.sec-tit h5 a{ color: #fff;margin-right: 5px;}
.sec-marquee-c ul li{ font-size: 14px;}

.page-l-clist ul { background: #eee;} /** 背景色 **/
.page-l-clist li{ background:#fff;border-bottom: 0px solid #000;height: 45px;line-height: 45px;font-size: 15px;margin-bottom: 5px;color:#666;}
.page-l-clist li:hover { background: #309128; /** 分类颜色 **/ color:#fff;}
.page-l-clist li a:hover { background: #309128;/** 分类颜色 **/ color:#fff;}
.page-l-clist{ border: 5px solid #309128;} /** 分类外边框 **/
.left-news li h5{ line-height: 22px;font-size: 14px;}
.left-news li h5:hover { color: #8d0e0e;} /* 鼠标新闻颜色 */
.page-l-clist li { z-index: 999;}
.page-l-clist li .layer2 { left: 220px;}

/** 详情 **/
#ibrcolor { border-bottom: 1px solid #ccc;}
.page-content p{ font-size:16px;}
.page-summary { display: none; } /** 隐藏详情页描述 **/

/** 当前位置 **/
.crumbs-item { font-size:15px;color: #666;}
.crumbs-item a:hover { color: #8d0e0e;}

/** 分页颜色 **/
.pagination>.active>span { background-color: #8d0e0e; border-color: #8d0e0e; }  /** 鼠标 **/
.pagination>li>a, .pagination>li>span{color: #8d0e0e}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{color: #8d0e0e}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #8d0e0e; border-color: #8d0e0e;}

/** 内页产品 **/
.img-inner { height:195px;} /** 产品高 **/
.img-inner img { -moz-transition: .6s;  -webkit-transition: .6s;  -o-transition: .6s;transition:.6s;}
.img-inner img:hover{-moz-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1);}
.img-inner:hover { border: 1px solid #8d0e0e; /** 鼠标产品边框 **/overflow: hidden;}
.page-alist .col-md-4 a:hover h5 {} /** 鼠标产品文字 **/
.page-alist .col-md-4 h5 { height: 25px;line-height: 25px;overflow: hidden;font-size:15px;text-align:center; }
.page-alist .page-atit a:hover , .page-alist .col-md-4 h5:hover {color: #8d0e0e;}  /** 鼠标 **/
.prodescription { font-size: 14px;color: #666;  display: none;}
.page-detail img {width: auto;}

/** 内页新闻 **/
.page-alist .page-adate { color: #fff; background: #999; } /** 日期背景 **/
.page-alist .page-adate { width: 70px; }
.page-alist .page-adate h3 {font-size: 20px; }
.page-alist .page-atit p { color: #555;font-size: 13px; }	
.page-atit a h4 { font-size: 15px; color: #666; }  /** 新闻标题 **/
.page-atit a h4:hover { font-size: 15px; color: #ff6600;}  /** 新闻标题 **/
.page-alist .news-list .news_text h3 {font-size: 18px; color: #333;margin: 0;line-height: 1;overflow: hidden; padding: 15px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.page-alist .news-list a .news_top_img{    width: auto;
    display: flex;
    justify-content: center;
    border: none;
    box-shadow: 0 0px 10px 0px #e8e8e8;
    overflow: hidden;
    height: 230px;}
.page-alist .news-list .news_text h5 {  text-align: left; font-size: 12px;  line-height: 12px;float: none;}
.page-alist .news-list .news_text p { height: 40px;}
.sjduan { display: none; }

/* 平板端 */
 @media(max-width: 992px){
  #in-header{left: 0;margin: 0;}
   img.logo_img{width: 100%;}

}

@media (max-width: 767px){
  /** logo **/ 
.logo { width: 80%; }
img.logo_img { padding: 0px ; width: 100%;margin: 15px 0 0;}
}

/** 手机站 **/ 
@media (max-width: 768px){
.displaynoen { display:none}
.no_l { padding-left: 15px;}
.no_r { padding-right: 15px;}
.page-alist .page-atit p { height: 4rem;}
.bootsnav { border-bottom: 0px solid #f3f3f3 !important;}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse { position:static;!important}
body nav.navbar.bootsnav.navbar-mobile .navbar-collapse { max-height: 400px; }
  
}

/** 导航 **/ 
header .header-con { height: auto;}

body nav.navbar.bootsnav .navbar-toggle { background: #8d0e0e; margin-right: 20px;padding: 4px 9px;z-index: 999; position: relative; }
  body nav.navbar.bootsnav .navbar-toggle i{color: #fff}
nav.navbar.bootsnav ul.nav > li > a { color: #666;}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a { color: #fff;}
.nav > li:after{ bottom: -2px; background: none !important;} /** 鼠标经过导航  线颜色**/
  
/** 大图 **/
.flexslider .slides li { height: 980px;} 
.flexslider { margin: 0px 0 0;}



@media(max-width: 992px){
  
  img.logo_img {width: 45%;padding: 5px 0;}
  
  body nav.navbar.bootsnav .navbar-toggle{background: #ffffff;margin-top: 12px;}
  body nav.navbar.bootsnav .navbar-toggle i {color: #333;}
  body nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in {top: 60px;}
  
  #in-header nav.navbar.bootsnav ul.nav > li > a {color: #333;padding: 15px;font-size: 15px;}
  
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li { width: 100%;text-align: left;}
  #in-header nav.navbar.bootsnav ul.nav >.on a {color: #666;}
  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{padding-left: 25px;}
  
}

@media(max-width: 767px){
  
  img.logo_img {width: 45%;padding: 9px 0;margin: 0;}
  body nav.navbar.bootsnav .navbar-toggle {padding: 2px 6px;}
  body nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in {top: 50px;}
  
  .flexslider .slides li {height: 290px !important;}
  
}
  


/** 底部 **/   
.footer a { width: 31.66%; height: 50px; line-height: 49px; }


.flex-control-nav{display: none;}


/* 优势 */
.ys-cont{position: absolute;top: -70px;z-index: 1;width: 100%;}
.ys-cont ul{}
.ys-cont ul li{float: left;width: 20%;padding: 20px;background: #fff;border: 1px solid #ddd;overflow: hidden;position:relative;top: 0;transition: all .6s;height: 110px}
.ys-cont ul li .ys-img{float: left;width: 20%;}
.ys-cont ul li .ys-img img{width: 100%;}
.ys-cont ul li .ys-txt{float: left;width: 80%;padding-left: 10px;}
.ys-cont ul li .ys-txt h3 { font-family: Microsoft JhengHei; font-size: 20px; font-weight: bold; color: #000; line-height: 1;margin-bottom: 2px;margin-top: 3px;}
.ys-cont ul li .ys-txt h5 { font-size: 14px;text-transform: uppercase; color: #aaa;line-height: 1;}
.ys-cont ul li .ys-txt p {font-size: 15px;line-height: 1; color: #666; margin-top: 8px;}
.ys-cont ul li:hover{top: -10px;box-shadow: 0 0 5px #aaa;}

@media (min-width: 1200px) and (max-width: 1440px){
  
  .ys-cont ul li{padding: 15px;}
  .ys-cont ul li .ys-txt p {font-size: 13px;}

}

@media(max-width: 1200px){
 .ys-cont ul li{padding: 15px;}
  .ys-cont ul li .ys-txt p {font-size: 13px;}
  
  
  
}
@media (min-width: 992px) and (max-width: 1200px){
  
  

  
}

@media(max-width: 992px){
  
  /* .ys-cont ul li .ys-img {float: none; width: 100%;text-align: center;}
  .ys-cont ul li .ys-img img {width: 40%;}
  .ys-cont ul li {padding: 10px;}
  
  .ys-cont ul li .ys-txt { float: none; width: 100%;padding-left: 0;text-align: center;}
   */
  
  .ys-cont ul li {padding: 10px;width: 33.333333%;height: 90px;}
  
  
  

}

@media(max-width: 767px){
  
  .gywm {padding-top: 0;}
  
  .ys-cont{margin-bottom: 30px;}
  .ys-cont ul li{width: 50%;}
  .ys-cont ul li .ys-txt h5{font-size: 12px;}
  .ys-cont ul li .ys-img img {margin-top: 10px;}
  
  
  
 
}







/* 关于我们 */
.gywm{padding: 120px 0 30px;background: #f3f3f3 url(../images/bg1.jpg)no-repeat center bottom;position:relative;}

.gy-title{margin-bottom: 30px;}
.gy-title h3{    font-size: 28px;color: #333;letter-spacing: 2px;}
.gy-title p{    font-size: 18px;color: #aaa;}


.gy-box{position: relative;}
.gy-box h1{    position: absolute;font-size: 140px;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 6px;
    left: 40%;
    color: rgb(138 138 138 / 15%);}
.gy-img{float: left;width: 48%;}
.gy-img img{width: 100%;}

.gy-nr{padding-top: 30px;float: right;width: 49%;}
.gy-nr h3 {font-size: 24px;font-family: Microsoft JhengHei;  color: #000; margin-bottom: 24px;font-weight: bold;line-height: 1.5;}
.gy-nr p { font-size: 16px;line-height: 30px;color: #333;}

.gy-more{margin-top: 36px;}
.gy-more a{    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    border: 1px solid #666;
    padding: 8px 22px;
    border-radius: 5px;}
.gy-more a:hover{color: #fff;border-color: #d1a800;background: #d1a800;}

@media (min-width: 992px) and (max-width: 1200px){
  
  
}

@media(max-width: 992px){

  .gy-nr p {font-size: 14px;line-height: 1.8; color: #333;}
  .gy-box h1{font-size:100px;}
  .gy-nr h3{font-size: 20px;margin-bottom: 10px;}
  .gy-nr{padding-top: 0;}
  .gy-title { margin-bottom: 50px;}
  
  .gywm{padding-top: 200px;}
}
@media(max-width: 767px){
 
  .gy-img{display: none;}
  .gy-nr {float: none;width: 100%;padding: 0 15px;}
  
  .gy-box h1 {font-size: 80px;left: 0;}
  
  .gy-title { margin-bottom: 20px;}
  
  
}




/* 项目展示 */
.xmzs-bg{background: url(../images/bg2.jpg)no-repeat center top;padding: 50px 0 80px;}

.xm-bt{text-align: center;margin-bottom: 30px;}
.xm-bt h3 {font-size: 24px;line-height: 1; color: #fff; letter-spacing: 1px;}
.xm-bt hr { border-top: 2px solid #eee;margin: 10px auto;width: 50px;}
.xm-bt p { color: #888;font-size: 15px;text-transform: uppercase;line-height: 1;}

.xm-nav{text-align: center;margin-bottom: 20px;}
.xm-nav a { display: inline-block; font-size: 15px;  color: #eee; line-height: 1; padding: 0 20px; border-right: 1px solid #777;}
.xm-nav a:last-child{border: none;}
.xm-nav a:hover{color: #d1a800;}

.xm-cont{}
.xm-cont ul{overflow: hidden;}
.xm-cont ul li{float: left;width: 25%;padding: 0 10px;margin: 10px 0;}
.xm-cont ul li a{display: block;position: relative;}
.xm-cont ul li a .xm-img{overflow: hidden;height: 280px;background: #232323;}
.xm-cont ul li a img{width: 100%;min-height: 100%;transition: all .6s;transform: scale(1.1);}
.xm-cont ul li a:hover img{transform: scale(1);}

.xm-cont ul li a .xm-txt{position: absolute;width: 100%;height: 100%;background: rgb(0 0 0 / 60%);padding: 30px;color: #fff;top: 0;left: 0;opacity: 0;transition: all .6s;}
.xm-cont ul li a .xm-txt span { float: right;font-size: 50px;line-height: 1;position: absolute;right: -50px;top: 30px;transition: all .6s;}
.xm-cont ul li a .xm-txt p { position: absolute; font-size: 18px; line-height: 1;letter-spacing: 1px;bottom: -50px;transition: all .6s;}
.xm-cont ul li a:hover .xm-txt{opacity: 1;}
.xm-cont ul li a:hover .xm-txt span{right: 50px;}
.xm-cont ul li a:hover .xm-txt p{bottom: 40px;}

@media (min-width: 1200px) and (max-width: 1440px){
  
  .xm-cont ul li a .xm-img{height: 220px;}
  
}

@media (min-width: 992px) and (max-width: 1200px){
  
  .xm-cont ul li a .xm-img{height: 180px;}
  
}

@media(max-width: 992px){

  .xm-cont ul li { float: left; width: 50%;padding: 0 10px;margin: 10px 0;}
  .xm-cont ul li a .xm-img{height: 230px;}
  .xm-nav a{margin-bottom: 15px;}
  

}

@media(max-width: 767px){
 
 .xm-cont ul li a .xm-img { height: 130px;}
  .xm-cont ul li { padding: 0 5px;margin: 0 0 5px;}
  .xm-cont ul li a .xm-txt span {font-size: 40px;top: 10px;display: none;}
  .xm-cont ul li a:hover .xm-txt span {right: 10%;}
  .xm-cont ul li a .xm-txt {
    position: static;
    width: 100%;
    height: auto;
    background: none;
    padding: 0;
    color: #fff;
    top: 0;
    left: 0;
    opacity: 1;
    transition: all .6s;
}
  .xm-cont ul li a .xm-txt p {position: static;font-size: 16px;padding: 10px 0;}
  
  
}





/* 制作流程 */
.liucheng{padding: 60px 0;}

.lc-bt{text-align: center;margin-bottom: 20px;}
.lc-bt h5 {font-size: 30px; font-weight: bold; line-height: 1; margin-bottom: 10px;}
.lc-bt h5 span{color: #d1a800;}
.lc-bt h3 {font-family: Microsoft JhengHei;font-size: 30px;font-weight: bold;line-height: 1;color: #000;letter-spacing: 1px;}

.lc-cont{}
.lc-cont ul{}
.lc-cont ul li{float: left;width: 33.333333%;padding: 0 20px;margin: 15px 0;}
.lc-cont ul li .lc-box {padding: 20px;background: #fff; box-shadow: 0 0 5px #ccc;border-radius: 5px;overflow: hidden;cursor: pointer;position: relative;}
.lc-cont ul li .lc-box h3 {font-family: Microsoft JhengHei; font-size: 24px;line-height: 1; font-weight: bold; margin-bottom: 5px;}
.lc-cont ul li .lc-box h6 {font-size: 13px; text-transform: uppercase;  color: #999;margin-bottom: 10px;}
.lc-cont ul li .lc-box p {font-size: 15px;line-height: 1.5;color: #333;height: 90px;overflow: hidden;}
.lc-cont ul li .lc-box .lc-n { width: 60px;height: 50px; overflow: hidden; float: right;text-align: center;position:relative;}
.lc-cont ul li .lc-box .lc-n h5{font-size: 50px;line-height: 50px;font-weight: bold;transition:all .6s;}
.lc-cont ul li .lc-box .lc-n .n1{position: absolute;top: 0;transition:all .6s;}
.lc-cont ul li .lc-box .lc-n .n2{color: #d1a800;position: absolute;top: 50px;transition:all .6s;}
.lc-cont ul li .lc-box:hover .lc-n .n1{top: -50px;}
.lc-cont ul li .lc-box:hover .lc-n .n2{top: 0;}

.lc-cont ul li .lc-box img { position: absolute;left: -50%;top: 0;width: 100%;transition: all .5s;transform: scale(0);}
.lc-cont ul li .lc-box .lc-txt{position: relative;z-index: 3;}
.lc-cont ul li .lc-box:hover img{transform: scale(1);}

@media (min-width: 992px) and (max-width: 1200px){
  
  .lc-cont ul li{padding: 0 10px;}
  .lc-cont ul li .lc-box{padding: 15px;}
  .lc-cont ul li .lc-box h6 {font-size: 13px; height: 20px;}
  
  .lc-cont ul li .lc-box p {
    font-size: 13px;
    line-height: 1.5;
    color: #333;
    height: 80px;
    overflow: hidden;
}
  .lc-cont ul li .lc-box .lc-n { width: 50px; height: 40px;}
  .lc-cont ul li .lc-box .lc-n h5 {font-size: 40px; line-height: 40px;}
  
}

@media(max-width: 992px){
  
  .lc-cont ul li { float: left; width: 50%;}
  
  .lc-cont ul li .lc-box h6{height: 30px;}
  

}

@media(max-width: 767px){
 
  .lc-bt h5 ,.lc-bt h3{font-size: 25px;}
  
  .lc-cont ul li { float: none;width: 100%;}
  
  
  
  
}






/* 广告部分 */
.adv-bg{background: url(../images/adv-bg.jpg)no-repeat center top;padding: 35px 0;}

.adv-cont{text-align: center;color: #fff;}
.adv-cont h3 { font-size: 30px;line-height: 1;font-weight: bold; letter-spacing: 2px;margin-bottom: 25px;}
.adv-cont ul{overflow: hidden;display: inline-block;}
.adv-cont ul li {float: left;font-size: 19px;line-height: 1;margin: 0 10px;}
.adv-cont ul li .fa{margin-right: 5px;color: #d1a800;}
.adv-cont .adv-dh{overflow: hidden;margin: 20px auto;width: 300px;}
.adv-cont .adv-dh img{float: left;width: 50px;margin-right: 10px;}
.adv-cont .adv-dh p { float: left; font-size: 16px;line-height: 1;text-align: left;}
.adv-cont .adv-dh p b {display: block;font-size: 28px;margin-top: 5px;}
.adv-cont .adv-btn{}
.adv-cont .adv-btn a {display: inline-block;font-size: 18px;line-height: 1;background: #d1a800; padding: 14px 45px; border-radius: 5px;}
.adv-cont .adv-btn a:hover{color: #fff;background: #b99503;}
@media (min-width: 992px) and (max-width: 1200px){
  
  
}

@media(max-width: 992px){
  

}

@media(max-width: 767px){
 
  .adv-cont ul li { width: 50%;margin: 0 0 10px;}
  
}




/* 视频 */
.shipin{padding: 60px 0;background: #f5f5f5;}

@media (min-width: 992px) and (max-width: 1200px){
  
  
}

@media(max-width: 992px){
  

}

@media(max-width: 767px){
 
}




/* 新闻 */
.xinw{padding: 60px 0;}

.xw-bt{text-align: center;margin-bottom: 30px;}
.xw-bt h5 {font-size: 30px; font-weight: bold; line-height: 1; margin-bottom: 10px;text-transform: uppercase;}
.xw-bt h5 span{color: #d1a800;}
.xw-bt h3 {font-family: Microsoft JhengHei;font-size: 30px;font-weight: bold;line-height: 1;color: #000;letter-spacing: 1px;}

.xw-cont{}
.xw-cont ul{}
.xw-cont ul li{float: left;width: 25%;padding: 0 10px;}
.xw-cont ul li a{display:block;border: 1px solid #ddd;position:relative;top: 0;transition: all .6s;}
.xw-cont ul li a .xw-img{height: 220px;overflow: hidden;}
.xw-cont ul li a .xw-img img{width: 100%;min-height: 100%;min-width: 100%;transition: all .6s;}
.xw-cont ul li a .xw-info{padding: 10px;}
.xw-cont ul li a .xw-info h3 { font-size: 18px;line-height: 1;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; color: #000; margin-bottom: 15px;}
.xw-cont ul li a .xw-info h5 {font-size: 15px;line-height: 1;color: #888;margin-bottom: 10px;}
.xw-cont ul li a .xw-info p {font-size: 14px; line-height: 1.5;color: #666;}
.xw-cont ul li a .line{overflow: hidden;margin-top: 15px;}
.xw-cont ul li a .line hr {float: left;width: 75%; border-top: 1px solid #bbb;margin: 10px 0;}
.xw-cont ul li a .line span{float: right;width: 25%;text-align: right;display: inline-block;font-size:15px;color: #666;line-height: 1;}

.xw-cont ul li a:hover{top: -10px;}
.xw-cont ul li a:hover .xw-img img{transform: scale(1.1);}
.xw-cont ul li a:hover .line hr{border-color: #d1a800;}
.xw-cont ul li a:hover .line span{color: #d1a800;}

.xw-btn{text-align: center;margin-top: 40px;}
.xw-btn a {display: inline-block; font-size: 17px; line-height: 1;border: 2px solid #444;padding: 15px 35px;}
.xw-btn a:hover{background: #d1a800;}

@media (min-width: 992px) and (max-width: 1200px){
  
  .xw-cont ul li a .xw-img{height: 160px;}
  .xw-cont ul li a .line span {width: 30%; font-size: 13px;}
  .xw-cont ul li a .line hr{width: 70%;}
  
  
  
  
  
}

@media(max-width: 992px){
  
  .xw-cont ul li { float: left;width: 50%; padding: 0 10px;margin-bottom: 20px;}

}

@media(max-width: 767px){
 
  .xw-cont ul li a .xw-img {height: 130px;overflow: hidden;}
  .xw-cont ul li a .xw-info p {font-size: 13px; height: 40px;overflow: hidden;}
  .xw-cont ul li a .xw-info h3 {
    font-size: 16px;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    margin-bottom: 10px;
}
  .xw-cont ul li a .xw-info h5{font-size: 13px;}
  
}





/* 内页样式 */

/* 项目列表 */
.left_menu{padding: 0;float: left;width: 22%;margin-right: 2%;}

.page-body .sec-tit {background: #343434; text-align: center; height: auto;padding: 20px 0;border: none;}
.page-body .sec-tit h3 {color: #fff; font-size: 24px; line-height: 1;margin-bottom: 10px;letter-spacing: 1px;}
.page-body .sec-tit hr{margin: 0 auto;width: 15%;border-top:2px solid #eee;}

.page-l-clist{background: #343434;border:none;}
.page-l-clist ul{}
.page-l-clist li a{display: block;}
.page-l-clist li a:hover{background: #d1a800;height: 45px;}

.page-body .col-md-9{float: right;width: 76%;padding: 0;}

.page-alist .col-md-4 {padding: 0 8px;margin-bottom:15px;}
.page-alist .col-md-4 a{display: block;border: 1px solid #bbb;padding: 5px;}
.page-alist .col-md-4 a .img-inner{width: 350px;padding: 0;overflow: hidden;height: 200px;border: none;}
.page-alist .col-md-4 a .img-inner img{width: 100%;min-height: 100%;}
.page-alist .col-md-4 a h3 { font-size: 16px; line-height: 1; padding: 15px; background: #eee; text-align: center;}
.page-alist .col-md-4 a:hover .img-inner{border: none}
.page-alist .col-md-4 a:hover{border: 1px solid #d1a800;}



/* 案例视频列表 */
.other-alist{}
.other-alist .col-md-4{padding: 0 8px;margin-bottom: 15px;}
.other-alist .col-md-4 a{}
.other-alist .col-md-4 a .img-inner{width: 400px;padding: 0;overflow: hidden;height: 260px;}
.other-alist .col-md-4 a .img-inner img{width: 100%;min-height: 100%;}
.other-alist .col-md-4 a h3 { font-size: 19px; line-height: 1; padding: 15px; background: #eee; text-align: center;}
.other-alist .col-md-4 a:hover h3{color: #d1a800}
.other-alist .col-md-4 a:hover .img-inner{border: 1px solid #d1a800;}



/* 底部 */

.f_one{background: #343434;padding: 30px 0 20px;}

.f-nav { float: left;width: 25%;padding: 10px 20px;border-right: 1px solid #bbb;}
.f-nav ul{overflow: hidden;}
.f-nav ul li{float: left;width: 50%;text-align: center;padding: 10px;}
.f-nav ul li a{display: inline-block;font-size: 15px;line-height: 1;color: #ddd;}
.f-nav ul li a:hover{}

.f-lxwm{float: left;width: 60%;color: #ddd;padding: 20px;}
.f-lxwm h3 { font-size: 22px;line-height: 1;color: #fff;letter-spacing: 2px;margin-bottom: 15px;}
.f-lxwm p { font-size: 17px; line-height: 1; margin-bottom: 5px;}
.f-lxwm .police {padding: 0; text-align: left;font-size: 17px; line-height: 1; margin-bottom: 5px;margin-top: 6px;}
.f-lxwm a{display: inline-block;color: #ddd;}
.f-lxwm a:hover{}

.f-ewm{float: left;width: 15%;text-align:center;padding: 0 10px;}
.f-ewm img{width: 100%;}
.f-ewm p{font-size:15px;line-height: 1;margin-top: 5px;color: #eee;}


.f_two {text-align: center; padding: 15px 0; background: #2e2e2e;border-top: 1px solid #535353;}
.f_two p { font-size: 15px;line-height: 1; color: #ddd;}
.f_two img{}


.footer {background: #222;}



@media (min-width: 992px) and (max-width: 1200px){
  
  .other-alist .col-md-4 a .img-inner {height: 200px;}
  
  nav.navbar.bootsnav ul.nav > li > a { color: #000;padding: 28px 8px;}
  
}



@media(max-width: 992px){

}

@media(max-width: 767px){

  .flexslider .slides li {height: 290px !important;}
  #intpate .slides li, #catapage .slides li { height: 200px !important;}
  
  
  .left_menu{display: none;}
  .page-body .col-md-9 {float: none;width: 100%;padding: 0;}
  
  .page-nav{}
  .page-nav ul{overflow: hidden;}
  .page-nav ul li{float: left;width: 50%;padding: 0 5px;margin-bottom: 10px;}
  .page-nav ul li a { display: block; background: #eee;color: #333;font-size: 15px;text-align: center;padding: 12px 0;}
  .page-nav ul li a:hover{color: #d1a800;}
  
  
  .page-alist .col-md-4 {padding: 0 5px;}
  .page-alist .col-md-4 a .img-inner{height: 120px;}
  .page-alist .col-md-4 a h3 {
    font-size: 15px;
    line-height: 1;
    padding: 12px;
    background: #eee;
    text-align: center;
}

}