@charset "UTF-8";
*{margin:0px; padding:0px; word-wrap:break-word;outline: none;}
img,input,select{vertical-align:middle;}
ul,li{list-style:none;}
a {color: #333;text-decoration: none;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
a:hover{color:#333;}
a:hover, a:focus {text-decoration: none;}
img{border:none;}
.clear{ clear:both; height:0px;  margin:0; padding:0;width:0; border:none; overflow:hidden;}
html{font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
body{font-size:1.4rem;font-family:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei", sans-serif;color: #333;background: #fff;position: relative;}
.fl { float:left}
.fr { float:right}
.min-w{min-width: 1200px;}
.mt{margin-top: 15px;}
.mr0{margin-right: 0;}
.wrap{width: 1200px;margin: 0 auto;}
.transition{-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}

.transition-scale-pic{display: block;overflow: hidden;}
.transition-scale-pic img{
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.transition-scale-pic img:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.bd_weixin_popup{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
/*@media (min-width: 1280px){
  .container {
      width: 1250px;
  }
}*/

@media (min-width: 1420px){
  .container {
      width: 1240px;
  }
}

@media (min-width: 1660px){
  .container {
      width: 1440px;
  }
}
@media (min-width: 1900px){
  .container {
      width: 1650px;
  }
}
.form-control{border:1px solid #ccc;border-radius: 0;font-size: 1.4rem;
  -webkit-appearance:none;
    -webkit-box-shadow:none;
    box-shadow: none;
}
.form-control:focus {box-shadow: none;border-color:#666;}
/*header footer*/
.navbar-white{background:#fff;border: none;margin-bottom: 0;}
.navbar-white .navbar-brand {float:none;display: table-cell;vertical-align: middle;padding:0;}
.navbar-white .navbar-brand img{max-height:100%;}

@media (max-width: 991px){
  body{padding-top: 50px;}
.navbar-white .navbar-brand img{max-width: 140px;}
}
@media (max-width: 767px){
.navbar-white .navbar-brand{padding-left: 15px;}
.navbar-white .navbar-brand img{max-width: 140px;}
.search-form{width:150px;}
.search-form .text{width:80px;}
}
@media (min-width: 768px){
/*.navbar-white .navbar-brand{height: 70px;}*/
/*.navbar-white .navbar-brand img{max-height:60%;}*/
.navbar-nav {float: right;}
/*.navbar-nav > li > a{padding-top: 25px;padding-bottom: 25px;}*/
}
@media (max-width: 991px) and (min-width: 768px){
  .navbar-white .navbar-nav > li > a{padding-left:10px;padding-right:10px;font-size: 1.3rem;}
}
@media (min-width: 992px){
  body{padding-top: 90px;}
  .navbar-white{padding-top:20px;padding-bottom: 20px;}
  /*.navbar-white .navbar-nav > li > a{font-size: 16px;}*/
/*.navbar-white .navbar-brand{height: 70px;}*/
/*.navbar-white .navbar-nav > li{margin-left: 15px;}*/
}
@media (min-width: 1200px){
/*.navbar-white .navbar-nav > li{margin-left: 20px;}*/
}

.navbar-fixed-top{-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;}
body.scroll .navbar-fixed-top{padding-top:6px;padding-bottom: 7px;}
.navbar-fixed-top .container{position: relative;}
.navbar-fixed-logo{opacity: 0;position: absolute;top: -20px;left:7%;
  -webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
body.scroll .navbar-fixed-top .navbar-logo{opacity: 0;}
body.scroll .navbar-fixed-top .navbar-fixed-logo{opacity: 1;top: -6px;}
@media (max-width: 991px) {
  body.scroll .navbar-fixed-top{padding-top:0px;padding-bottom: 0px;}
  body.scroll .navbar-fixed-top .navbar-fixed-logo{top: 0px;}
  body.scroll .navbar-fixed-top .navbar-fixed-logo img{height:60px;}
}

.navbar-default .nav li{}
.navbar-default .nav li i{font-style: normal;margin-right: 5px;}
.navbar-default .nav li.line>a{padding-left: 5px;padding-right: 5px;}
.navbar-default .nav > li > a {color: #171311;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.navbar-default .nav > .open > a, .navbar-default .nav > .open > a:hover, .navbar-default .nav > .open > a:focus{color: #000;background-color: transparent;}
.navbar-default .nav > li > a:after {content: '';width: 0;background-color: #d2d2d2;left: 0px;position: absolute;top:50%;margin-top: -5px;height: 10px;transition: all 0.3s ease 0s;z-index: -1;}
.navbar-default .nav>li >a.active:after,.navbar-default .nav>.open >a:after,.navbar-default .nav>li.link >a:hover:after{width: 100%;}
@media (max-width: 767px) {
  .navbar-default .nav>li >a:after{height: 1px;bottom: 0px;top: auto;left: 15px;right: 15px;display: none;}
}
@media (max-width: 767px) {
  .navbar-default .nav>li >a.active{background: #d2d2d2;color:#171311;}
  .navbar-default .nav>li >a.active:after,.navbar-default .nav>.open >a:after {width:auto;}
}
.caret{margin-left: 5px;}
.navbar-default .dropdown.open > a .caret {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: all 0.3s ease-out;
}
.nav .dropdown-menu{min-width: 100%;
  background:rgba(255,255,255,0.8);
  background: #fff\9;
  background:rgba(255,255,255,0.8)\9\0;
}
.dropdown-menu > li > a{line-height: 1.8;}
.dropdown-menu > li > a:hover{background-color: #666;color:#fff;}
@media (min-width: 768px) {
.dropdown-menu.bullet{margin-top:12px;}
.dropdown-menu.bullet:after,
.dropdown-menu.bullet:before{position:absolute;left:10px;display:inline-block;width:0;height:0;content:'';border:7px solid transparent;border-top-width:0;}
.dropdown-menu.bullet:before{top:-7px;border-bottom-color:#ccc;}
.dropdown-menu.bullet:after{top:-6px;border-bottom-color:#fff;}
}
@media (min-width: 768px){
  .navbar-collapse {padding-left: 0;padding-right: 0;}
}
/*nav end*/

#footer{}
/*f5f5f5*/
/*.footer{background:#2D2D2D;font-size: 12px;color:#fff;padding:60px 0;line-height: 1.8;}
.footer a{color:#fff;}
.footer p {margin-bottom: 0;line-height: 19px;}
.footer p span{margin:0 10px;display: inline-block;}
*/
.footer .qqwx{position: relative;float: left;margin-top: 11px;}
.footer .qqwx a{display: inline-block;float: left;margin-right:5px;}
.footer .qqwx a:hover{}
.footer .wx_icon{}
.footer .wx_pic{position: absolute;background: #fff;padding: 5px;display: none;top: 50%;width:140px;height: 140px;text-align: center;right: 115%;-webkit-box-shadow: 0 0 1px #666;box-shadow: 0 0 1px #666;margin-top: -70px;}
.footer .wx_pic i {
    display: block;
    border: 6px solid transparent;
    border-width: 6px 10px;
    border-left-color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: -20px;
}
.footer .wx_pic.hover{display: block;}
.footer .wx_pic img{width:100%;}
@media (max-width: 767px) {
  /*.footer .qqwx{padding-top: 15px;text-align: center;}*/
  .footer .wx_pic{right:50%;margin-right:-70px;}
  .footer .wx_pic i{left:33%;}
}

.footer{background:#2D2D2D;font-size: 12px;color:#fff;padding:60px 0;line-height: 1.8;}
.footer a{color:#fff;}
.f_logo{float: left;margin-right: 30px;}
.f_logo>img{max-width: 100%;}
.f_info{float: left;padding-left: 100px;}
.f_info p{font-size: 16px;}
.f_info span{display: block;font-size: 12px;}
.footer_l{padding-left: 70px;padding-top: 31px;}
.footer_m{padding-left: 100px;}
.footer_m dl{font-size:16px;float: left;overflow: hidden;width:7em;margin-bottom: 0;}
.footer_m dl dt{font-size:16px;font-weight: normal;margin-bottom: 10px;line-height: 1.8;}
.footer_m dl dd{font-size:12px;color:#6e6e70;line-height: 1.8;}
.footer_m dl dd a{color:#6e6e70;}
.footer_r{float: left;padding-left: 70px;}
.footer_r .ewm {overflow: hidden;text-align: center;margin: 0;}
.footer_r .ewm li{float: left;padding:0 15px;}
.footer_r .ewm li img{width: 88px;}
.footer_r .ewm li p{padding:5px 0;margin: 0;}

@media (max-width: 1899px){
  .footer_l{padding-left: 50px;}
  .f_info{padding-left: 50px;}
  .footer_m{padding-left: 50px;}
  .footer_r{padding-left: 20px;}
}
@media (max-width: 1659px){
  .footer_l{padding-left: 0px;}
  .f_logo{margin-right: 15px;}
  .f_info{padding-left: 15px;}
  .footer_m{padding-left: 20px;}
  .footer_r{padding-left: 0px;}
  .footer_r .ewm li{padding:0 10px;}
}
@media (max-width: 1419px){
  .footer_l{padding-left: 100px;}
  .f_info{padding-left: 50px;}
  .footer_r{padding-left: 50px;}
  .footer_m{display: none;}
}
@media (max-width: 1199px){
  .footer_l{padding-left: 30px;}
  .f_info{padding-left: 30px;}
  .footer_r{padding-left: 30px;}
}
@media (max-width: 991px){
  .footer_l{padding-left: 0px;}
  .f_info{padding-left: 5px;}
  .footer_r{padding-left: 15px;}
  .footer .qqwx{display: none;}
  .footer_r .ewm li{padding:0 5px;}
}
@media (max-width: 767px){
  .footer_l{float: none;padding-left: 15px;padding-top: 30px;}
  .f_info{float: none;padding-left: 15px;padding-top: 30px;}
  .footer_r{float: none;padding-left: 0px;padding-top: 30px;}
  .footer_m{float: none;display: block;padding-left: 15px;padding-top: 30px;overflow: hidden;}
  .footer .qqwx{display: block;}
  .footer_r .ewm li{padding:0 15px;}
}
@media (max-width: 640px){
  .footer_l{padding-top: 0;}
}
@media (max-width: 480px){
  .f_logo{max-width:60%;}
}
@media (max-width: 375px){
  .footer_m dl{width: 6em;}
}

/*index*/
.swiper-container li img{width: 100%;}
@media (max-width: 480px) {
  .swiper-button-next, .swiper-button-prev{width: 15px;height: 44px;
    -webkit-background-size: 100%;
    background-size: 100%;
  }
}

.swiper-pagination-bullet-active{background: #fff;}

.jianjie{font-size: 48px;/*margin:0 1em;*/padding-top: 10px;}
.jianjie_tit{padding:2em 1em;text-align: center;}
.jianjie_tit h1{margin: 0;color:#c30e23;color:#363433;font-size: 0.75em;font-weight: normal;}
.jianjie_tit h2{margin:1em 0;color:#363433;font-size: 0.625em;font-weight: normal;}
.jianjie_tit p{font-size:18px;font-size:0.375em;color:#363433;max-width: 950px;margin:0 auto;}
.jianjie_con{border-bottom: 1px solid #E4E4E4;font-size: 40px;padding:0 1em 1.5em;}
.jianjie_con ul{overflow: hidden;margin-bottom: 0;}
.jianjie_con li{color:#181312;text-align: center;}
.jianjie_con li .tit{font-size: 16px;font-size:0.333em;color:#181312;padding:1em 0 0.2em;}
.jianjie_con li .con{font-size: 16px;font-size:0.25em;color:#a7a6a6;padding:0.2em 0 0;height:2.8em;line-height: 1;}
.jianjie_con li .pic_box{max-width: 100px;margin:0 auto;}
.jianjie_con li .pic{height: 0;padding-bottom: 110%;overflow: hidden;position: relative;text-align: center;}
.jianjie_con li .pic img{/*position: absolute;*/top: 0;max-width: 100%;left: 0;}

@media (min-width: 992px){
  .jianjie_con li{width:12.5%;}
}
@media (max-width: 1419px){
   .jianjie{font-size: 40px;}
   .jianjie_con{font-size: 38px;}
}
@media (max-width: 991px){
  .jianjie{font-size: 30px;}
  .jianjie_con{font-size: 26px;}
}
@media (max-width: 1199px){
  .jianjie_con li .pic{padding-bottom: 132%;}
}
@media (max-width: 991px){
  .jianjie_con li .pic{padding-bottom: 107%;}
}
@media (max-width: 767px){
  .jianjie{font-size: 20px;}
  .jianjie_con{padding-bottom: 1em;}
  .jianjie_tit h1{font-size: 16px;}
  .jianjie_tit h2{font-size: 14px;}
  .jianjie_tit p{font-size: 10px;}
  .jianjie_con li .tit{padding-top: 0.5em;}
}

@media (max-width: 480px){
  .jianjie{font-size: 16px;margin: 0;}
  .jianjie_tit{padding:1.5em 0em;}
  .jianjie_con{padding: 0 0 0.8em;}
  .jianjie_con li .tit{font-size: 12px;}
  .jianjie_con li .con{font-size: 8px;}
  .jianjie_con li .pic{padding-bottom: 115%;width: 80%;margin:0 auto;}
}
@media (max-width: 414px){
  /*.jianjie_con li .pic{padding-bottom: 115%;}*/
}
@media (max-width: 375px){
  .jianjie_con li .tit{font-size: 10px;}
}
@media (max-width: 320px){
  .jianjie_tit{font-size: 14px;}
}

.case-nav{line-height: 20px;font-size: 12px;padding:65px 0;position: fixed;top: 90px;padding:17px 0 34px;z-index: 1000;background: #fff;width:100%;}
.case-nav i{font-style: normal;margin:0 5px;}
.case-nav span{margin:0 5px;}
.case-nav a{display: inline-block;position: relative;font-size: 14px;}
.case-nav a:after {content: '';width: 0;background-color: #d2d2d2;left: 0px;position: absolute;top:50%;margin-top: -5px;height: 10px;transition: all 0.3s ease 0s;z-index: -1;}
.case-nav a.active:after,.case-nav a:hover:after{width: 100%;}
.case-nav .line{margin:0 10px;display: inline-block;}
body.scroll .case-nav{padding-top: 44px;top: 63px;}
body .i-case-nav{padding:34px 0;position: relative;top: 0;}
body.scroll .i-case-nav{padding-top: 34px;top: 0;}
@media (max-width: 991px){
  .case-nav{padding:15px 0 20px;font-size: 14px;top: 50px;}
  body.scroll .case-nav{padding-top: 15px;top: 50px;}
  .i-case-nav{padding:25px 0;}
  body.scroll .i-case-nav{padding-top: 25px;top: 0;}
}
@media (max-width: 767px){
  .case-nav .line{margin:0 5px;}
}
@media (max-width: 480px){
  body .i-case-nav,
  body.scroll .i-case-nav {padding: 10px 0;}
  .case-nav a{font-size: 12px;}
}
.listdata_desc{width:60%;margin:0 auto 15px;border: none;}

.case_list{position: relative;overflow: hidden;}
.case-nav_mt{margin-top: 75px;}
@media (max-width: 991px){
  .case-nav_mt{margin-top: 50px;}
}
.i_case_list{margin-top: 0;}

.case_list ul{position: relative;margin:0 -30px;}
.case_list li{float: left;
-webkit-transition: top 1s ease, left 1s ease;
-moz-transition: top 1s ease, left 1s ease;
-o-transition: top 1s ease, left 1s ease;
-ms-transition: top 1s ease, left 1s ease;
}
.case_list img{width: 100%;max-width: 500px;}
.case_list li{line-height:1;}
.case_list li .pic{margin:0 30px;background: #fff;}
.case_list li .pic:hover img{opacity: 0.5;}
.case_list li .info{padding:20px 30px 54px;}
.case_list li .info>div{padding: 5px 0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}

.case_list li .cate_title a{font-size: 16px;color:#181312;}
.case_list li .cate_title span{margin:0 5px;}
.case_list li .title a{font-size: 18px;color:#323232;}
.case_list li .date{font-size: 12px;color:#666;}


@media (max-width: 1899px){
  .case_list{padding-bottom: 40px;}
  .case_list ul{margin:0 -25px;}
  .case_list li .pic{margin:0 25px;}
  .case_list li .info{padding:20px 25px 36px;}
}
@media (max-width: 1659px){
  .case_list ul{margin:0 -20px;}
  .case_list li .pic{margin:0 20px;}
  .case_list li .info{padding:13px 20px 25px;}
}
@media (max-width: 1419px){
  .case_list li .info{padding:10px 20px 20px;}
}
@media (max-width: 1199px){
  .case_list ul{margin:0 -13px;}
  .case_list li .pic{margin:0 13px;}
  .case_list li .info{padding:9px 13px 13px;}
  .case_list li .info>div{padding: 4px 0;}
  .case_list li .cate_title a{font-size: 14px;}
  .case_list li .title a{font-size: 16px;}
}
@media (max-width: 991px){
  .case_list ul{margin:0 -8px;}
  .case_list li .pic{margin:0 8px;}
  .case_list li .info{padding:6px 8px 8px;}
  .case_list li .info>div{padding: 2px 0 3px;}
  .case_list li .cate_title a{font-size: 14px;}
  .case_list li .title a{font-size: 14px;}
}
@media (max-width: 767px){
  .case_list li .info{padding:7px 8px 9px;}
}
@media (max-width: 640px){
  .case_list li .info{padding:11px 8px 13px;}
  .case_list li .info>div{padding:4px 0;}
  .case_list li .cate_title a{font-size: 14px;}
  .case_list li .title a{font-size: 16px;}
}


@media (max-width: 480px){
  .case_list ul{margin:0 -5px;}
  .case_list li .pic{margin:0 5px;}
  .case_list li .info{padding:5px 5px 8px;}
  /*.case_list li .info>div{padding:2px 0;}*/
  .case_list li .cate_title a{font-size: 10px;}
  .case_list li .title a{font-size: 12px;}
  .case_list li .date{font-size: 10px;}
}

@media (max-width: 414px){
  /*.case_list ul{margin:0 -4px;}*/
  /*.case_list li .pic{margin:0 4px;}*/
  /*.case_list li .info{padding:6px 4px;}*/
  .case_list li .info>div{padding: 3px 0;}
  .case_list li .date{display: none;}
}
/*@media (max-width: 375px){
  .case_list li .info{padding:5px 4px 5px;}
  .case_list li .info>div{padding: 3px 0;}
}

@media (max-width: 360px){
  .case_list li .info{padding:4px 4px 5px;}
  .case_list li .info>div{padding: 3px 0;}
}
@media (max-width: 320px){
  .case_list li .info{padding:3px 4px 3px;}
  .case_list li .info>div{padding: 2px 0;}
  .case_list li .cate_title a{font-size: 12px;}
}*/

.breadcrumb.position i{font-style: normal;margin-right: 5px;}

/*content*/
.article{color:#181412;padding-top: 69px;}
.article h1{font-size: 16px;margin-bottom: 20px;line-height: 1.4;margin-top: 0;}
.article .cattitle{font-size: 14px;}
.article .catname{font-size: 14px;}
.article .text-1 {font-size: 12px;margin-top: 40px;color:#666;line-height: 24px;}
.article .text-1 strong{font-weight: normal;}
.article .line-1{width: 10px;height: 1px;background: #b2b2b2;display: block;margin: 10px 0;}
.article .line-2{width: 100%;height: 1px;background: #656565;display: block;margin: 27px 0;}

.project-content{font-size: 12px;/*padding-top: 10px;*/line-height: 1.7;padding-bottom: 30px;}
.project-content h2,
.project-content h3,
.project-content h4{font-size: 14px;margin-bottom: 20px;}
.project-content p{margin-bottom: 15px;}

.article-content{font-size: 14px;color:#323232;line-height: 1.8;padding-bottom: 60px;margin-top: 40px;}
.article-news .article-content{margin-top: 100px;}
.about-content{padding-bottom: 50px;}
@media (min-width: 992px){
  /*.article-content{padding-top: 100px;}*/
  .about-content{/*padding-top: 30px;*/font-size: 18px;}
}
.article-content h2,
.article-content h3,
.article-content h4{margin: 20px 0 10px;}
.article-content p{margin-bottom: 10px;}
.article-content img{max-width: 100%;height:auto;}

.article-about{padding-top: 0;}
.article-about h1{font-size: 26px;color:#282832;margin-top: 0;}
.article-about h2{font-size: 14px;color:#282832;}
.article-about .article-content{margin-top: 57px;font-size: 16px;}
.article-about .catdesc{font-size: 16px;line-height: 1.73;margin-top: 30px;}
.article-about .catdesc li{}
.article-news .cattitle{/*margin-top: 20px;*/margin-bottom: 20px;}
.article-news h1{margin-top:5px;}
.news-list-tit{padding-top: 30px;font-size: 16px;}
.news-list{padding-top: 15px;}
.news-list li{line-height:1.4;padding:5px 0;}

.breadcrumb.position{padding-left: 0;background: none;}
.breadcrumb.position > li + li:before {content: ">";}


.zxzx_box{position: fixed;width: 100%;height: auto;z-index: 5;bottom: 0px;background-color: rgba(34,34,34,0.8);min-height: 44px;z-index: 1000;}
.zxzx_box .container{width: 830px;padding-top: 7px;}
.zxzx_box .container img{}
.zxzx_img{float: left;max-width: 100%;}
.zxzx_img1{margin-right: 50px;margin-top: 4px;}
.zxzx_img2{margin-top: 2px;}
.zxzx_btn{width: 130px;min-height: 26px;color: #fff;font-size: 18px;letter-spacing: 2px;min-width: 0px;text-align: center;float: right;border-radius: 3px;transform: rotate(0deg) scale(1) translate(0%, 0%);transition: all 0.3s ease;padding-top: 3px;padding-bottom: 3px;background-color: rgba(234,85,4,1);}
.zxzx_icon{height: 19px;margin-top: -5px;margin-left: 5px;margin-right: 5px;}

@media (max-width: 991px){
  .zxzx_box .container{width: 700px;}
  .zxzx_img{margin-bottom: 15px;}
  .zxzx_btn{clear:both;float: none;display:block;margin:0 auto 10px;}
  .footer{padding-bottom: 90px;}
}
@media (max-width: 640px){
  .zxzx_box .container{width: inherit;}
  .zxzx_img{float: none;display: block;margin:5px auto 10px;}
  .footer{padding-bottom: 120px;}
}
@media (max-width: 480px){
  .zxzx_img1{max-width: 70%;}
  .zxzx_img2{max-width: 50%;}
  .zxzx_btn{width:38%;font-size: 14px;}
}

