/*
* @Author: Administrator
* @Date:   2017-11-08 14:34:44
* @Last Modified by:   Administrator
* @Last Modified time: 2017-11-13 13:15:14
*/


.products{ padding: 15px; overflow: hidden;}
.products ul{ overflow: hidden; padding-bottom: 5%; }
.products ul li{transition: all 0.5s; float: left; width: 16.6%; background: #ececec; line-height: 2.5em; text-align: center; cursor: pointer; position: relative;}
.products ul li:nth-child(6):after{ display: none }
.products ul li:after{ content: ""; display: block; height: 100%; width: 1px; background: #c2c2c2; position: absolute; top: 0px; right: 0px; }
.products ul li:before{ z-index: -1; transition: all 0.5s; content: ""; display: block; width: 20%; height: 100%; position: absolute; left: 50%; margin-left: -2%; bottom:-20%; transform: rotate(45deg);  background: #fff;}
.products ul li:hover{ color: #fff; background: #0eacf1 }
.products ul li:hover:after{ display: none }
.products ul li:hover:before{ background: #0eacf1 }
.products ul .cur{ color: #fff; background: #0eacf1 }
.products ul .cur:before{ background: #0eacf1 }
.products ul li.cur:after{ display: none }
.products .pro_content{ overflow: hidden; display: none }
.products .pro_content a{ display: block; width: 46%; float: left; margin:2%;color: #2f2f2f;  }
.products .pro_content a span{ display: block; width: 100%; border:1px solid #dfdfdf;}
.products .pro_content a img{ width: 100%; height: auto !important }
.products .pro_content a p{ line-height: 2.5em; }
.products .pro_content a:hover{ color: #0eacf1; }
.products .pro_content a:hover span{border:1px solid #0eacf1; }



.case{ background: url(../../images/case_bg.jpg) repeat center center; padding:15px;}
.case .case_content{ height: 1.5rem }
.index_title{ line-height: 2.5em; overflow: hidden; border-bottom: 1px solid #9b9b9b; padding-bottom: 10px; margin-bottom: 20px; }
.index_title h1{ float: left;  color: #1a1a1a; font-size: 0.36rem;}
.index_title a{ float: right; color: #000; font-size: 0.22rem }


.about{ padding:30px 15px; }
.about .ab_img{ padding:15px; width: 80%; margin: 0px auto; position: relative;}
.about .ab_img:before{ width: 90%; height: 80%; content: ""; display: block; border:2px solid #0eacf1; position: absolute; left: 0px; top: 0px; z-index: -1}
.about .ab_img img{ width: 100%; }
.about .ab_tex h1{ color: #000; font-weight: 900; font-size: 0.36rem; line-height: 2em; }
.about .ab_tex p{ color: #000; font-size: 0.22rem; margin-bottom: 20px; line-height: 1.8em }
.about .ab_tex a{ color: #0eacf1;  font-size: 0.22rem;}



.lit_banner{ padding:40px 20px; background: url(../images/lit_banner.jpg) no-repeat center top; overflow: hidden; }
.lit_banner .lit_tex{ float: left; color: #fff; }
.lit_banner .lit_tex h2{ font-size: 0.3rem; line-height: 1em; margin-bottom: 20px;}
.lit_banner .lit_tex h4{ padding-left: 45px;  font-size: 0.26rem; background: url(../images/lit_icon.png) no-repeat left center; line-height: 1em; }
.lit_banner a{ width: 30%; text-align: center; float: right; color: #fff; font-size: 0.2rem; line-height: 2.5em; color: #fff;display: inline-block; border:1px solid #fff; margin-top: 12px; transition: all 0.5s}
.lit_banner a:hover{ background: #fff; color: #000 }




.advantage{ padding:20px 15px; }
.advantage .adv_box{ overflow: hidden; margin-bottom: 20px; }
.advantage .adv_box .adv_left{ float: left; width: 30% }
.advantage .adv_box .adv_right{ float: right; width: 65%; margin-left: 5% }
.advantage .adv_box img{ width: 100%; }
.advantage .adv_box h2{ color: #000; font-size: 0.28rem; font-weight: 900; line-height: 1em; margin:10px 0px 20px; }
.advantage .adv_box h2 b{ font-family: Arila; padding-left: 5px; font-size: 0.2rem }
.advantage .adv_box h2 span{ color: #888; font-size: 0.18rem; float: right; font-weight: 500 }
.advantage .adv_box p{ line-height: 1.5em; font-size: 0.17rem;  background: url(../../images/m/case_bg2.jpg) repeat center center; padding: 10px; color: #fff;}
.advantage .adv_box p span{ font-size: 0.3rem; float: left; margin-right: 10px;}

.advantage .adv_box2 .adv_left{ float: right; width: 30%; margin-left: 5% }
.advantage .adv_box2 .adv_right{ float: left; width: 65%; margin-left: 0px; }
.advantage .adv_box2 p{ background: url(../images/case_bg.jpg) repeat center center; color: #000}


.lit_banner2{ padding:40px 20px; background: url(../images/lit_banner2.jpg) no-repeat center top; overflow: hidden; text-align: center; }
.lit_banner2 h2{ color: #fff;  font-size: 0.26rem;}
.lit_banner2 a{ display: inline-block; background: #0eacf1; padding: 0px 60px; line-height: 2em; color: #fff; margin-top: 10px;}


.news{ padding: 15px; overflow: hidden; }
.news .news_box{ overflow: hidden; margin-top: 30px; }
.news .news_box a{ display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e7e7e7; overflow: hidden;color: #888;}
.news .news_box .new_img{ width: 30%; float: left; }
.news .news_box .new_img img{ width: 100%; }
.news .news_box .new_tex{ width: 67%; margin-left: 3%; float: right; }
.news .news_box .new_tex h2{ font-weight: 900; font-size: 0.24rem; color: #000;width:100%;
overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;
 }
.news .news_box .new_tex h4{ font-size: 0.2rem; line-height: 2em }
.news .news_box .new_tex p{ font-size: 0.18rem; line-height: 1.5em }
.news .news_box a:hover{ color: #bc2f32 }
.news .news_box a:hover h2{ color: #bc2f32 }







.infopic{ width:100%; height:100px; position:relative; overflow:hidden; margin:0px auto;}
.piclist{ position:absolute; top:0; left:5px;}
.piclist li{ width: 190px; margin-right:10px; float:left; overflow:hidden;}
.piclist li img{ width:100%;}
.piclist li:hover{ border:1px solid #e01c30;}
.pic_prev,.pic_next{ width:30px; height:50px; background:url(../images/icon.png) no-repeat; position:absolute; top:25px; cursor:pointer;}
.pic_prev{ background-position:0 0; left:0;}
.pic_next{ background-position:0 -60px; right:0;}


.slides-box {
    width: 100%;
    height: 190px;
    margin: auto;
    overflow: hidden;
    position: relative;
}
.slides {
    position: relative;
    height: 100%;
    width: 100%;
    margin: auto;
    float: left;
}
.slides li {
	position: absolute;
    width:  100%;
    height: 100%;
}
.slides li img{
    display: block;
    width: 100%;
    margin: auto;
}
.prev, .next {
    position: absolute;
    z-index: 99;
    top: 50%;
    margin-top: -40px;
    left: 0;
    height: 70px;
    width: 30px;
    color: #fff;
    cursor: pointer;
    background-color: #000;
    opacity: .5;
}
.prev:hover, .next:hover{
	opacity: .7;
}
.prev{
	background-image: url("../../images/m/left.gif");
}
.next {
    left: auto;
    right: 0;
    background-image: url("../../images/m/right.gif");
}
.pagination{
	position: absolute;
	bottom: 5px;
	z-index: 99;
}
.pagination li{
    padding: 5px 3px;
	float: left;
}
.pagination li a{
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 25px;
    background: #000;
	color: #fff;
    text-align: center;
    font-family: Arial;
	text-decoration: none;
}
.pagination .active{
	background: red;
}
.wrapper04 {position:relative;height: 1.5rem;width: 100%;overflow: hidden;margin:0 auto;}
.wrapper04 .scroller {position:absolute}
.wrapper04 .scroller li {border:1px solid #fff;height: 1.4rem; overflow:hidden;color:#333;float: left; text-align: center; width: 3.1rem; padding-right:0.1rem}
.wrapper04 .scroller li img{ width: 100%; }