/*# sourceURL=/templates/dist/css/style.css?v=4453117 */
/*@ sourceURL=/templates/dist/css/style.css?v=4453117 */
@charset "utf-8";
/**
 * @Author   zcool
 * @Date     2017-11-20
 */
.solution_contents{}
.solution_contents ul{ margin-top: 0.2rem;margin-bottom: 0.5rem;}
.solution_contents ul li{ position: relative; display: inline-block; width:29%; margin-left:2%; margin-right:2%; margin-bottom: 0.4rem; vertical-align: top;margin-bottom: 0.5rem; background-color: #ffffff;-moz-box-shadow: 0px 0px 16px #eee;
box-shadow: 0px 0px 16px #eee; overflow: hidden}
.solution_contents ul li .solution_pic .pic_one{ width:100%; overflow: hidden;height:5rem; background-size: cover; background-position: center center; background-repeat: no-repeat;transition: all 1s;}
.solution_contents ul li .solution_font{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2;background:rgba(0,167,172,0.95) url("../images/jiantou.png") 90% center no-repeat; padding: 0.3rem; text-align: left; color: #ffffff;-webkit-transition: all ease .4s;
transition: all ease .4s;}
.solution_contents ul li:hover .solution_pic .pic_one{transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);}
.solution_contents ul li:hover .solution_font{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2;background:rgba(0,167,172,1) url("../images/jiantou.png") 95% center no-repeat; padding: 0.3rem; text-align: left; color: #ffffff;-webkit-transition: all ease .4s;
transition: all ease .4s;}
.titi_info_case{ margin-bottom: 0.5rem; padding-left: 0.3rem; font-weight: bold}
.titi_info_case span{ position: relative}
.titi_info_case span::before {
    position: absolute;
    left:-20px;
    top: 50%;
    content: "";
    display: block;
    width: 0.08rem;
    height: 0.4rem; margin-top: -0.2rem;
    background-color: #f25c19;border-radius:0.06rem;
    transition: all .5s ease;
}

.case_show{ background: url("../images/back_img02.jpg") center center no-repeat; background-size: cover; padding-top: 0.8rem; padding-bottom: 1rem;}
.case_show .scroll{}
.case_show .scroll .item{ position: relative; margin: 0 15px; overflow: hidden}
.case_show .scroll .item .back_pic{ height: 3.6rem; background-position: center center; background-repeat: no-repeat;transition: all 1s;}
.case_show .scroll .item .text{position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2;background:rgba(0,167,172,0.95); padding: 0.2rem; text-align: center; color: #ffffff;-webkit-transition: all ease .4s;
transition: all ease .4s;}
.case_show .scroll .item:hover .back_pic{transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);}
.case_show  .slick-dots{ position: absolute; right: 0; top:-0.5rem;    text-align: right;}
.case_show  .slick-dots li button {
	border:0;
	display:block;
	height:10px;
	width:30px;
	padding:0;
	margin:0;
	outline:none;
	line-height:0;
	font-size:0;
	cursor:pointer;
	background:#fff;
	border-radius:0
}
.case_show  .slick-dots li.slick-active button {
	background:#00a7ac;
}
.solution_infos{ padding-top:0.3rem; padding-bottom: 0.6rem;}
.solution_infos .solution_info_l{ display: inline-block; width:58%; vertical-align: top; padding-right: 10%;}
.solution_infos .solution_info_l .solution_fonts{ color: #666666; line-height: 2.2}
.solution_infos .solution_info_l .solution_fonts .zixun_now{ display: block; margin-top: 0.4rem;}
.solution_infos .solution_info_l .solution_fonts .zixun_now a{ display: inline-block; background-color: #00a7ac; padding: 0.2rem 0.4rem; color: #fff;border-radius:6px;line-height: 1;}
.solution_infos .solution_info_r{ display: inline-block; width: 40%; vertical-align: top}
.solution_infos .solution_info_r img{ width: 100%;}
.xuqiu{ padding-bottom: 1rem;}
.xuqiu .xuqiu_l{ display: inline-block; width:48%; vertical-align: top; padding-right:4%;}
.xuqiu .xuqiu_l .contents01{ border: #00a7ac 1px solid; padding: 0.5rem; background:#fff  url("../images/solution_icon01.png") 90% center no-repeat;border-radius:0.3rem;    -moz-box-shadow: 0px 0px 16px #eee;
    box-shadow: 0px 0px 16px #eee;}
.xuqiu .xuqiu_l .contents01 .titile01{ font-weight: bold; margin-bottom: 0.3rem; color: #00a7ac;}
.xuqiu .xuqiu_l .xuqiu_font{ color: #666666; line-height: 2.2;}
.xuqiu .xuqiu_r .contents02{ border: #f25c19 1px solid; padding: 0.5rem; background:#fff  url("../images/solution_icon02.png") 90% center no-repeat;border-radius:0.3rem;    -moz-box-shadow: 0px 0px 16px #eee;
    box-shadow: 0px 0px 16px #eee;}
.xuqiu .xuqiu_r .contents02 .titile02{ font-weight: bold; margin-bottom: 0.3rem; color: #f25c19;}

.xuqiu .xuqiu_r{ display: inline-block; width:50%; vertical-align: top;}

.jixing_show{ padding-bottom: 0.5rem; padding-top: 0.8rem;}
.jixing_show .scroll{ position: relative; padding-left: 33%; margin-top: -0.8rem;}
.jixing_show .scroll .slick-prev{ left: 0; bottom: 0;  height: 70px; width: 70px; background: url("../images/cadl.png") center center no-repeat;border: 0;
margin-top: 0;
top: inherit;}
.jixing_show .scroll .slick-prev:hover{ left: 0; bottom: 0;  height: 70px; width: 70px; background: url("../images/cadl_cur.png") center center no-repeat;border: 0;
margin-top: 0;
top: inherit;}
.jixing_show .scroll .slick-next{ left: 80px; bottom: 0;  height: 70px; width: 70px; background: url("../images/cadr.png") center center no-repeat;border: 0;
margin-top: 0;
top: inherit;}
.jixing_show .scroll .slick-next:hover{ left: 80px; bottom: 0;  height: 70px; width: 70px; background: url("../images/cadr_cur.png") center center no-repeat;border: 0;
margin-top: 0;
top: inherit;}
.jixing_show .scroll .item{ padding: 0 0.3rem;}
.jixing_show .scroll .item .product_one{ background-color: #f6f6f6; width: 100%; padding-bottom: 0.7rem}
.jixing_show .scroll .item .product_one .pro_small{ width: 100%; height: 3.6rem;position: relative;}
.jixing_show .scroll .item .product_one .pro_small  {
  ;transition: all 1s;
}
.jixing_show .scroll .item .product_one .pro_small img {
    display: block;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 70%;
    max-width: 70%;
}
.jixing_show .scroll .item:hover .product_one .pro_small  {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

.jixing_show .scroll .item a .product_one .pro_titile{  color: #000; font-weight: bold; margin-left: 0.2rem; margin-right: 0.2rem; margin-bottom: 0.25rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align: center}
.jixing_show .scroll .item a:hover .product_one .pro_titile{ color: #00a7ac;}
.jixing_show .scroll .item .product_one .pro_descipes{  color: #666;  margin-left: 0.2rem; margin-right: 0.2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align: center}

@media screen and (max-width: 800px){
	.solution_contents ul li{ width: 45%;}
	.solution_infos .solution_info_l {
    display: block;
    width: initial;
    vertical-align: top;
    padding-right: 0; margin-bottom: 0.5rem
}
	.solution_infos .solution_info_r {
    display: block;
    width: initial;
    vertical-align: top;
}
  }