/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	color: #666666;

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 14px;

	font: inherit;

	vertical-align: baseline;

	font-family: 微软雅黑;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

a{

	text-decoration: none;

}

img{

	vertical-align: middle;

}

button, input{ 

	border: none;

	padding: 0;  

	border-radius: 0;

	/*-webkit-appearance: none;*/

}

input:focus{

	outline: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	-webkit-user-modify: read-write-plaintext-only;

}



/**

 * 导航移动端

 */

/* 公共样式 */

@media only screen and (min-width: 300px) and (max-width: 1920px){

    .index-title h2 {

        font-size: 30px;

        margin-bottom: 12px;

        font-weight: bold;

    }

    .index-title p {

        font-size: 20px;

    }



}

@media only screen and (min-width: 300px) and (max-width: 1200px){

    .index-title h2 {

       font-size: 32px;

        margin-bottom: 12px;

    }

    .index-title p {

        font-size: 22px;

        line-height: 32px;

    }

}

@media only screen and (min-width: 300px) and (max-width: 900px){

    .index-title h2 {

        font-size: 28px;

        margin-bottom: 8px;

    }

    .index-title p {

        font-size: 20px;

        line-height: 30px;

    }

}

@media only screen and (min-width: 300px) and (max-width: 750px){

    .index-title01{

        width: 85%;

        text-align: center;

    }

    .index-title h2 {

        font-size: 24px;

        line-height: 36px;

    }

    .index-title p {

        font-size: 18px;

        line-height: 30px;

    }

}

@media only screen and (min-width: 300px) and (max-width: 500px){

    .index-title h2 {

        font-size: 22px;

        line-height: 34px;

        margin-bottom: 4px;

    }

    .index-title p {

        font-size: 16px;

        line-height: 26px;

    }

    .index-title h4 {

       font-size: 14px;

        line-height: 21px;

        margin-top: 14px;

    }

}

@media only screen and (max-width: 1640px){

    .w1640{

        max-width: 100%;

        padding: 0 60px;

        margin-bottom: 8px;

    }

}

@media only screen and (max-width: 1500px){

    .w1400{

        max-width: 100%;

        padding: 0 25px;

    }

}

@media only screen and (min-width: 300px) and (max-width: 1400px){

    .w1640{

        padding: 10px 45px;

    }

}

@media only screen and (min-width: 300px) and (max-width: 1200px){

    .w1640{

        padding: 0 25px;

    }

}

@media only screen and (min-width: 300px) and (max-width: 900px){

    .navpc{

        display: none;

    }

    .navmp{

        display: block;

    }

}

@media only screen and (min-width: 300px) and (max-width: 500px){

    .w1400,

    .w1640{

        padding: 0 15px;

    }

}

/* pc导航 */

@media only screen and (min-width: 300px) and (max-width: 1300px){

    .ymwz-wzdh .dhss {

        width: 77%;

    }

    .ymwz-wzdh .logo img {

        width: 170px;

    }

    .ymwz-wzdh .nav .a1, .ymwz-wzdh .nav .a2 {

        font-size: 15px;

    }

    .ymwz-wzdh .dhss .ssbf .ywwz a {

        font-size: 15px;

    }

}

@media only screen and (min-width: 900px) and (max-width: 1100px){

    .ymwz-wzdh .logo {

        display: none;

    }

    .ymwz-wzdh .dhss {

        width: 100%;

    }

    .ymwz-wzdh .dhss .nav {

        width: 80%;

    }

}

/* mp导航 */

@media only screen and (min-width: 300px) and (max-width: 900px){

    .navmp .logo img {

        width: 180px;

    }

}

@media only screen and (min-width: 300px) and (max-width: 750px){

    .navmp .logo img {

        width: 125px;

    }

    .navmp .shdh .navmp-yczs {

        width: 40px;

        height: 70px;

        background-size: 30px auto;

    }

    .navmp,.navmp .logo {

        height: 70px;

    }

    .navmp .subnav {

        top: 72px;

    }

    .navmp .subnav .list .a1 {

        height: 62px;

        line-height: 60px;

        padding-left: 20px;

        font-size: 18px;

        border-bottom: 1px solid #ddd;

    }

    .navmp .subnav .list-top {

        height: 62px;

        line-height: 60px;

        padding-left: 20px;

        border-bottom: 1px solid #ddd;

    }

    .navmp .subnav .list-top p{

        font-size: 18px;

    }

    .navmp .subnav .list-bot a {

        height: 52px;

        line-height: 52px;

        padding-left: 40px;

        font-size: 16px;

    }

    .navmp .subnav .list-top::after {

       background-size: 20px 20px;

    }

}

@media only screen and (min-width: 300px) and (max-width: 500px){

    .navmp .logo img {

        width: 180px;

    }

    .navmp .shdh .navmp-yczs {

        width: 40px;

        height: 60px;

        background-size: 28px auto;

    }

    .navmp ,.navmp .logo {

        height: 60px;

    }

    .navmp .subnav {

        top: 60px;

    }

    .navmp .subnav .list .a1 {

        padding-left: 15px;

        font-size: 16px;

    }

    .navmp .subnav .list-top {

        padding-left: 15px;

    }



    .navmp .subnav .list-top p{

        font-size: 16px;

    }



    .navmp .subnav .list-bot a {

        padding-left: 30px;

        font-size: 14px;

    }

    .navmp .subnav .list-top::after {

       background-size: 18px 18px;



    }

}



/**

 * 增加banner页面

 */

.pcbanner {

  display: block;

}

.mobanner {

  display: none;

}

.wrap1560 {

  width: 90%;

  max-width: 1560px;

  margin: 0 auto;

}

.wrap1400 {

  width: 90%;

  max-width: 1400px;

  margin: 0 auto;

}

.inbanner_box {

  position: relative;

}

.inbanner_box .btn {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

     -moz-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  z-index: 20;

}

.inbanner_box .prev_banner {

  left: 2%;

}

.inbanner_box .next_banner {

  right: 2%;

}

.inbanner_box #inbanner .swiper-slide {

  position: relative;

}

.inbanner_box #inbanner .swiper-slide .wrap1560 {

  width: 81.25%;

  position: absolute;

  left: 50%;

  top: 0;

  height: 100%;

  -webkit-transform: translateX(-50%);

     -moz-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

          transform: translateX(-50%);

  overflow: hidden;

}

.inbanner_box #inbanner .swiper-slide .wrap1560 .btl {

  position: absolute;

  left: 0;

  -webkit-transform: translateX(200px);

     -moz-transform: translateX(200px);

      -ms-transform: translateX(200px);

          transform: translateX(200px);

  opacity: 0;

}

.inbanner_box #inbanner .swiper-slide-active .wrap1560 .btl {

  opacity: 1;

  -webkit-transition: all .6s .6s;

  -o-transition: all .6s .6s;

  -moz-transition: all .6s .6s;

  transition: all .6s .6s;

  -webkit-transform: translateX(0px);

     -moz-transform: translateX(0px);

      -ms-transform: translateX(0px);

          transform: translateX(0px);

}

#bannerSP .swiper-pagination-bullet{

	width: 12px;

   height: 12px;

   background: transparent;

   opacity: 0.5;

   border: 1px solid #ffffff;

}

#bannerSP .swiper-pagination-bullet-active{

   background: #0052b8;

   border: 1px solid #0052b8;

   opacity: 1;

}

#bannerSP{

	margin-bottom: 20px;

}

@media (max-width: 768px) {

  .swiper-container .swiper-pagination .swiper-pagination-bullet {

    width: 8px!important;

    height: 8px!important;

    -webkit-border-radius: 50%!important;

       -moz-border-radius: 50%!important;

            border-radius: 50%!important;

    border: none!important;

    background: #015aa1!important;

    margin: 0 5px!important;

    opacity: .3!important;

  }

  .swiper-container .swiper-pagination .swiper-pagination-bullet-active {

    opacity: 1!important;

  }

  .pcbanner {

    display: none;

  }

  .mobanner {

    display: block;
    width: 100%;

  }

  .bannerbox {

    display: block;

  }

  .bannerbox .box {

    display: none;

  }

}

/**

 * 统一协同管理

 */

.index-qyxw{width: 100%;margin: 50px 0 0 0;}

.index-title{text-align: center;width: 100%}

.index-qyxw .index-ckgd{padding-top: 35px;}

.index-qyxw .qyxw-cont{position: relative;width: 100%;margin-top: 35px;}

.index-qyxw .qyxw{margin: 0 auto;}

.index-qyxw .qyxw .list{background-color: #fff;box-shadow: 0 5px 10px #cee7f1;}

.index-qyxw .qyxw .list:hover .tpzs img{transform: scale(1.2);transition: all ease 0.4s;}

.index-qyxw .qyxw .list:hover{transform: translateY(-5px);}

.index-qyxw .qyxw .nr{width: 100%;padding: 40px 0 15px;box-sizing: border-box;text-align: center;border-top:4px solid #015aa1}

.index-qyxw .qyxw .wzjs{height: 150px;}

.index-qyxw .qyxw .wzjs-p{text-align: left;}

.index-qyxw .qyxw .wzjs h3{width: 100%;font-size: 20px;color: #333;margin-bottom: 10px;}

.index-qyxw .qyxw .wzjs h3 img{margin-top: -24px;width: 40px;display: inline-block;position: relative;}

.index-qyxw .qyxw .list:hover .wzjs h3{color: #030303;font-size: 20px;}

.index-qyxw .qyxw .wzjs p{color: #010101;line-height: 24px;}

.index-qyxw .qyxw .wzjs p img{position: relative;display: inline-block;margin-top: -2px;}

.l_morebtn:hover::after{

   width: 0;

   border-radius: 0;

 }

 .l_morebtn:hover::before{

   width: 0;

   border-radius: 0;

 }

.l_morebtn p {

   font-size: 16px;

   line-height: 35px;

   color: #000000;

   font-weight: bold;

   text-align: center;

}

.l_morebtn {

   width: auto;

   border-radius: 25px;

   border: 3px solid #005aeb;

   transition: all .36s;

   display: inline-block;

   position: relative;

}

.l_sybox2 .l_morebtn::after{

    clip: rect(0px, 272px, 50px, 8px);

}

.l_sybox2 .l_morebtn::before{

    clip: rect(0px, 272px, 50px, 8px);

}

.l_morebtn::after {

    content: "";

    width: calc(100% + 6px);

    height: calc(100% + 6px);

    border-radius: 25px;

    /* border: 3px solid #c2d9ff; */

    border-top: 4px solid #c2d9ff;

    border-bottom: 4px solid #c2d9ff;

    position: absolute;

    top: -3px;

    left: 50%;

    transform: translateX(-50%);

    clip: rect(0px, 162px, 50px, 8px);

    transition: all .5s ease-out;

}



.l_morebtn::before {

    content: "";

    width: calc(100% + 6px);

    height: calc(100% + 6px);

    border-radius: 25px;

    /* border: 3px solid #c2d9ff; */

    border-top: 4px solid #c2d9ff;

    border-bottom: 4px solid #c2d9ff;

    position: absolute;

    top: -3px;

    left: 50%;

    transform: translateX(-50%);

    clip: rect(0px, 162px, 50px, 8px);

    transition: all .5s ease-out;

}

.l_morebtn a {

    display: block;

    padding: 0 45px;

    z-index: 99;

    position: relative;

}





/**

 * 项目装修案例

 */

.hjBody .section2 {

  margin-bottom: 0;

  margin-top: 60px;

}

.hjBody .section2 .content-wrap {

  width: 100%;

  background-color: #f5f5f5;

  position: relative;

  overflow: hidden;

  margin: 0 auto;

}

.hjBody .section2 .content-wrap .bg img {

  width: 100%;

  display: block;

}

.hjBody .section2 .content-wrap .detail-wrap {

  width: 100%;

  background-color: rgba(255, 255, 255, 0.6);

  position: absolute;

  bottom: 0;

  left: 0;

}

.hjBody .section2 .content-wrap .wrap {

  margin: 15px auto;

}

.case-desc{

	position: absolute;

	z-index: 100;

	top: 0;
    margin-left: 15px;

}

.case-desc h3{

	font-size: 20px;

	font-weight: bold;

	color: #015aa1;

	border-left: 5px solid #015aa1;

   padding-left: 30px;

   margin: 28% 0 10%;

}

.case-desc p{

	font-size: 16px;

	color: #ffffff;

	line-height: 30px;

}

.col-xs-1-5,

.col-sm-1-5,

.col-md-1-5,

.col-lg-1-5 {

	position: relative;

	min-height: 1px;

}

 

.col-xs-1-5 {

	width: 18%;

	float: left;

}

 

@media (min-width: 768px) {

	.col-sm-1-5 {

		width: 18%;

		float: left;

	}

}

 

@media (min-width: 992px) {

	.col-md-1-5 {

		width: 18%;

		float: left;

	}

}

 

@media (min-width: 1200px) {

	.col-lg-1-5 {

		width: 18%;

		float: left;

	}

}

.hjBody .section2 .content-wrap .item {

  display: block;

  border-radius: 12px;

  box-sizing: border-box;

  box-shadow: 0px 1px 16px 0px rgba(127, 127, 127, 0.3);

  position: relative;

  overflow: hidden;

  min-height: 120px;

}

.hjBody .section2 .content-wrap .item img {

  width: 100%;

  height: 100%;

  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

  position: absolute;

}

.hjBody .section2 .content-wrap .item .text {

  width: 100%;

  height: 100%;

  background-color: rgba(65, 75, 108, 0.4);

  border-radius: 12px;

  position: absolute;

  left: 0;

}

.hjBody .section2 .content-wrap .item .text .p {

  font-size: 24px;

  color: #fff;

  text-align: center;

  padding-bottom: 8px;

  border-bottom: 2px solid #fff;

  margin: 43px auto;

  display: table;

}

.hjBody .section2 .content-wrap .item:hover img {

  transform: scale(1.2, 1.2);

}

.hjBody .section2 .content-wrap .item:hover .text {

  background-color: rgba(65, 75, 108, 0.2);

}

/* 首页关于我们 */

.index-about{width: 100%;height: 700px;background: url(../images/bg2.jpg) center no-repeat;position: relative;background-size: 100% 101%;}

.about-box{position: absolute;right: 0;top: 0;background: rgba(255,255,255,0.9);}

.about-box .cover{max-width: 1000px;}

.about-box .cover h2{font-size: 32px;color: #000000;text-align: center;font-weight: bold;}

.about-box .cover .about-des{color: #FFF;}

.about-des p{color: #000000;text-indent: 2em;}

.about-box .about-nav{margin-top: 100px;}

.about-box .about-nav dl dt {display: inline-block;margin-right: 25px;}

.about-list{margin-top: 50px;}

.about-list .mySwiper2 img{width: 100%;max-width: 300px;}

/* 首页优势  */

.youshi {background: #f1f6fa;padding: 60px 0 40px;}

.youshi .col-lg-1-5{text-align: center;color: #a2a6a8;line-height: 20px;cursor: pointer;}

.youshi .col-lg-1-5 h2{font-size: 20px;color: #010101;margin: 10px 0 10px;}

.youshi .col-lg-1-5:hover img{transform: rotate(180deg);transition: all ease 0.2s;}