* { margin: 0; padding: 0; }

/*banner*/
.banner a { display: block; position: relative; padding-bottom:500px; height: 0; overflow: hidden; }

.banner a .img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; }
.banner .swiper-pagination-bullet{ width: 12px;height: 12px; margin: 0 8px; background: #fff; opacity: 1;  }
.banner .swiper-pagination-bullet-active { background: #046aaa; }

.banner .swiper-button-prev, .banner .swiper-button-next { background: url(../images/page_arrow.png) no-repeat; width: 90px; height: 42px; display: block; position: absolute; left: 15px; top: 50%; margin-top: -21px; z-index: 999; cursor: pointer; -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s; transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s; }

.banner .swiper-button-next { left: auto; right: 15px; background: url(../images/page_arrow.png) no-repeat right center;-webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); }

.banner:hover .swiper-button-prev, .banner:hover .swiper-button-next { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; }



.section_business{ padding-top: 48px;
padding-bottom: 48px;
overflow: hidden;}
.common_title{text-align: center;
margin-bottom: 40px; }
.common_title b{display: block;
font-size: 26px;
color: #1a1a1a;
line-height: 42px; }
.common_title i{display: block;
font-size: 14px;
color: #808080;
line-height: 27px;
margin-bottom: 6px; }
.common_title span{display: block;
width: 26px;
height: 3px;
background: #046aaa;
margin: 0 auto; }

.js_business{ }
.js_business ul{ position: relative;}
.js_business li{ float: left;width: 370px;margin-right: 45px;}
.js_business li a{display: block; position: relative; }
.js_business li .img{position: relative; padding-bottom:59.11%;width: 100%; overflow: hidden; }
.js_business li .img img{  position: absolute; left: 0;top: 0;width: 100%;height: 100%;}
.js_business li .txt{ display: block;
height: 28px;
line-height: 28px;
margin: 15px 0;
overflow: hidden;
font-size: 17px;
color: #444444; text-align: center;}
.js_business .prev{ }
.js_business .next{ }



.section_news{ background: #fafafa; padding: 30px 0;}
.section_news .tit{text-align: center;
margin-bottom: 30px; }
.section_news .tit li{display: inline-block;
padding: 0 8px; }
.section_news .tit li a{font-size: 16px;
color: #333333;
height: 32px;
line-height: 32px;
padding: 0 12px;
display: block;
transition: all 0.3s ease 0s;      border-radius: 4px;}
.section_news .tit .on a{color: #fff;
background: #046aaa; }
.js_news{ }
.js_news ul{position: relative; }
.js_news li{ float: left; width: 23.2%;margin-right: 2.33%; background: #fff;  border-radius: 4px; }
.js_news li:nth-child(4){margin-right: 0;}
.js_news li a{ display: block; padding:30px 4%; }
.js_news li .txt{ }
.js_news li .title{ font-size: 16px;

color: #1a1a1a;
line-height: 24px;
max-height: 48px;
margin-bottom: 12px;
overflow: hidden;}
.js_news li .detail{font-size: 12px;
color: #808080;
line-height: 24px;
margin-bottom: 30px;
height: 96px;
overflow: hidden; }
.js_news li .meta{line-height: 24px;
height: 24px;
overflow: hidden;
margin-bottom: 35px; }
.js_news li .meta span{font-size: 11px;
color: #a7a7a7;
padding-left: 20px;
margin-right: 28px;
display: inline-block;background: url(../images/meta_icon.png) no-repeat;}
.js_news li .more{font-size: 14px;
color: #666666;
height: 28px;
line-height: 28px;
padding: 0 14px;
border: 1px solid #cccccc;
display: inline-block;
transition: all 0.3s ease 0s; }
.js_news li .meta span.view {
    background-position: left bottom;
    padding-left: 24px;
}
.section_news .item{ display: none;}

.js_business li .img{    border-radius: 4px;}
.js_business li .img img,.js_news li a{ transition:all 0.3s ease 0s;}
.js_business li .img img:hover{ transform:scale(1.05);}
.js_news li a:hover{ background: #fafafa;}
.js_news li a:hover .title{ color: #046aaa;}





/*banner*/
.banner2{ padding: 45px 0;  border-radius: 4px; }
.banner2 a { display: block; position: relative; padding-bottom: 150px; height: 0; overflow: hidden;  }
.banner2 a .img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; border-radius: 4px; }
.banner2 .swiper-button-prev,
.banner2 .swiper-button-next{ display: none;}
.banner2 .swiper-pagination{ display: none;}



.js_business .swiper-button-next, 
.js_business .swiper-button-prev{ position: absolute; left: 0;top: 50%;margin-top: -23px;background: url(../images/business_arrow.png) no-repeat;width: 23px;height: 46px; }
.js_business .swiper-button-prev{ right: 0;left: auto;  background-position: right center; }

/*首页服务*/

.product_section{ padding: 60px 0;  background: #f0f0f0; }
.pro_title img{ vertical-align: middle;  }
.js_product{float: left;width: 100%; }
.js_product li{ float: left;width:25%; background: #ffffff; height: 464px; }
.js_product li a{display: block;  }
.js_product li .img{ width: 100%;overflow: hidden; padding-bottom: 306px; position: relative; }
.js_product li .img em{ display: block; position: absolute; left: 0;top: 0; width: 100%; height: 100%;}
.js_product li .txt{ padding: 0 8%; height: 158px; text-align:center; }
.js_product li .txt .title{ font-size: 17px;color: #444444; padding: 20px 0 20px;}
.js_product li .txt .detail{display: block;color: #a0a0a0;font-size: 13px;overflow: hidden;line-height: 24px;max-height: 96px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; }
.js_product li .img:after{position: absolute; left: 50%; bottom: 0;    width: 0; content: "";
    height: 0; margin-left: -14px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 18px solid #fff; }
.js_product li:nth-child(2n) .img:after{ bottom: auto;top: 0;      border-left: 14px solid transparent;
    border-right: 14px solid transparent;   border-bottom: 18px solid transparent;
    border-top: 18px solid #fff;     }

.product_section .common_title,
.designer_section .common_title{ color: #bcbcbc;}
.product_section .common_title b,
.designer_section .common_title b{color: #1a1a1a; }
.product_section .common_title span,
.designer_section .common_title span{color: #bcbcbc; }
.js_product li a:hover .img em{ transform:scale(1.05); }
.js_product li a:hover .txt .title{ color: #f06000; }

.js_designer li .img em,
.js_designer li a .txt span,
.js_news li a,
.js_product li .img em{  transition:all 0.3s ease 0s;}


/*关于我们*/
/*section2_about*/
.section2_about{ padding:80px 0; }
.section2_about .sec2_left{ float: left;position: relative; padding-bottom: 351px;width: 50%;overflow: hidden; }
.section2_about .sec2_left em{  position: absolute; left: 0;top: 0;width: 100%; height: 100%;}

.section2_about a:hover .img em{ transform:scale(1.09); }
.section2_about .img em{  transition:all 0.3s ease 0s;}

.section2_about .sec_right{ float: left; width: 47%; margin-top: 40px;padding-left: 3%; }
.section2_about .sec_right .title{ font-size: 22px; color: #026fb2; font-weight: bold; margin-bottom: 30px;}
.section2_about .sec_right .txt{ height: 126px;overflow: hidden;line-height: 28px;font-size: 15px; color: #444444; margin-bottom: 22px;}
.section2_about .sec_right .txt p{ padding-bottom: 22px; text-indent: 2em;}

.section2_about .sec_right .mbt{display: inline-block; color: #fff; background: #026fb2; margin-bottom: 15px;transition: all .3s ease; padding: 4px 12px; font-size: 17px;font-weight:bold; text-align:center; }
.section2_about .sec_right .more{display: inline-block; color: #026fb2;transition: all .3s ease;  font-size: 15px; text-decoration:underline;}




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


}


@media only screen and (max-width: 991px) {
.js_news li{width: 48%;margin-right: 4%; margin-bottom: 25px; }
.js_news li:nth-child(2n){margin-right: 0;}
.pro_title{ display: none;}
.js_product{ float: none; width: 100%;}

/*991 end*/
}

@media only screen and (max-width: 768px) {
.js_product li{ float: left;width:50%; background: #ffffff; height: 464px; }
.js_product li:nth-child(3n){ float:none;width:50%; background: #ffffff; height: 464px;}
.section2_about .sec2_left{ float: none; width: 100%; padding-bottom:55%;}
.section2_about .sec_right{ float: none; width: 92%;  margin-top: 35px;margin-bottom: 35px; }
}

@media only screen and (max-width: 480px) {
.js_news li{width: 100%!important; margin-right: 0!important;}
.js_news li .detail{ display: none;}

}