.icon_xin{background: url(../image/xin.png) no-repeat;background-size: 100% 100%; }
/*360旋转效果演示*/
.rota:hover a{cursor:pointer;transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);
    transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;}
/***banner图***/
.swiper-container{width: 100%;height: 474px;margin:0 0 20px;overflow: hidden;display: block}
.swiper-slide img{height: 100%;width: 100%;}
.myClass span{width: 16px;height: 16px;margin:10px !important;}
.home_content{position:absolute;top:0;left:50%;margin-left:-600px;margin-top:280px;}
.home_content .bd{width:60%;padding-bottom:20px;font-size:18px;}
.home_content .bd.hh{-webkit-line-clamp:6;}
.home_content .btn{width:230px;display:block;}
.home_content .btn i{font-size:20px;}
/*模块大标题*/
.chanpin ,.xw_title,.success{margin-top: 46px;}
.cp_title,.xm_title,.dl_title,.xw_title{width: 100%;height:56px;line-height:56px;margin-bottom:46px;text-align: center;font-size: 30px;color: #333;letter-spacing: 4px;}
.cp_title_line,.xm_title_line,.dl_title_line,.xw_title_line{width: 64px;height: 2px;background-color: #d70000;margin: 0 auto;}
/*产品分类*/
.fenlei{display:block;}
.wrapper{height:170px;overflow: hidden;}
.slide{width: 11.5%;height: 170px;text-align:center;margin-right: 1%;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius:10px;
    overflow: hidden;}
.slide:last-child{margin-right: 0}
.slide a{display: block;width: 100%;height: 100%;padding:10px 0;background:linear-gradient(to bottom,#c9c8c8 60%, #d70000 40%);color: #fff;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius:10px;cursor: pointer;overflow: hidden;}
/*.slide a:hover{background:linear-gradient(to top,#012a4c,#015aa5);}*/
.slide p{line-height: 24px;margin: 10px;}
.slide .icon{width: 80px;height: 104px;line-height: 30px;display:block;margin:4px auto;text-align:center;color: #fff;}
/*font-size:26px;font-weight:700;font-style:unset;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius:100%;*/
.slide .icon-1{background:url("../image/01.png")no-repeat;}
.slide .icon-2{background:url("../image/02.png")no-repeat;}
.slide .icon-3{background:url("../image/03.png")no-repeat;}
.slide .icon-4{background:url("../image/04.png")no-repeat;}
.slide .icon-5{background:url("../image/05.png")no-repeat;}
.slide .icon-6{background:url("../image/06.png")no-repeat;}
.slide .icon-7{background:url("../image/07.png")no-repeat;}
.slide .icon-8{background:url("../image/08.png")no-repeat;}
.slide .icon-9{background:#dd8169;}
/*.slide .icon-1{background:#acc72f;}*/
/*.slide .icon-2{background:#ef4d42;}*/
/*.slide .icon-3{background:#dd8169;}*/
/*.slide .icon-4{background:#ffb813;}*/
/*.slide .icon-5{background:#0eb28b;}*/
/*.slide .icon-6{background:#ef4d42;}*/
/*.slide .icon-7{background:#ffb813;}*/
/*.slide .icon-8{background:#acc72f;}*/
/*.slide .icon-9{background:#dd8169;}*/
/*产品展示*/
.cp_pro li {width:276px;height:240px;margin-right:30px;margin-bottom:30px;border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;box-shadow: 0 1px 3px rgba(0,0,0,0.1);overflow: hidden;position: relative;}
.cp_pro li:nth-child(4n){margin-right: 0;}
.cp_pro li a {overflow: hidden;display: inline-block;height: 100%;width: 100%;}
.cp_pro li a img{width: 100%;height: 100%;}
.cp_pro .cp_details {padding: 0 50px;position: absolute;background: #fff;background:linear-gradient(to right,rgba(255,70,2,0.8),rgba(215,0,0,0.8));width: 100%;height: 100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;color: #fff;}
.cp_details h5{height:100px;line-height:100px;font-size: 24px;font-weight: 400;text-align: center;overflow: hidden;}
.cp_details p{height:100px;line-height:34px;margin-top:-6px;font-size: 18px;letter-spacing: 1px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.more_botton{display:block;width: 180px;margin: 0 auto 50px;}
.more_botton a{width: 180px;height: 46px;line-height:46px;display:block;background-color: #c20101;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;letter-spacing: 2px;color: #fff;text-align: center;font-size: 20px;}
.more_botton a i{font-size: 16px;vertical-align: middle;}
/*成功案例*/
.success{width:100%;height:600px;background:linear-gradient(to top,#c20101,#d70000);}
.dl_content{padding:100px 50px 50px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; position: relative;}
.dl_title{color: #fff;margin-top: 20px;}
.dl_title_line{background-color: #fff}
.dl_content li{width: 30%;height: 220px;margin-left: 3%;padding:0 2%;text-align:center;background: rgba(255,255,255,0.2);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; position: relative;box-shadow: 0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);overflow:inherit;}
.dl_head{width: 200px;height: 200px;border: 2px solid #eee;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;overflow: hidden;position: absolute;top: -88px;left: 50%;margin-left: -100px;}
.dl_head img{width: 100%;height: 100%;}
.dl_details{margin-top:138px;text-align: center;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius:8px;}
.dl_name{height:46px;line-height:46px;font-size: 18px;color: #fff;margin-bottom: 10px;}
.dl_button{width:180px;margin:0 auto;}
.dl_button a{width:180px;height:46px;line-height:46px;display: inline-block;font-size: 20px;color: #c20101; text-align:center;background: #fff;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;letter-spacing: 2px;}
/*新闻中心*/
.xw_left{width: 48%;height:500px;}
.xw_img{width:100%;height:298px;border: 15px solid #fff;box-shadow:0 0 6px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 6px rgba(0,0,0,0.2);-moz-box-shadow:0 0 6px rgba(0,0,0,0.2);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;overflow: hidden;}
.xw_img img{width: 100%;height: auto;}
.xw_alone{width: 100%;padding: 0 60px 0 15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.xw_alone h4{height:64px;line-height:64px;font-size: 20px;color: #333;font-weight: 400;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xw_left:hover h4{color: #f93736;}
.xw_alone p{height: 62px;line-height:30px;font-size: 16px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;  -webkit-box-orient: vertical;-webkit-line-clamp:2;}
.xw_right{width: 52%;height:500px;padding-left:26px;}
.xw_right a{display:block;margin-bottom: 30px;}
.xw_list{width: 100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.icon_xin{width: 34px;height: 30px;line-height: 30px;margin-right:6px;display: inline-block;vertical-align: text-bottom; }
.xw_right a .list_title{width:90%;height:30px;line-height:30px;font-size: 18px;color: #323232;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list_p{height:50px;line-height:24px;font-size: 14px;color: #666;margin-left: 50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.xw_right  a:hover .list_title{color: #f93736;}
.xw_botton{width:180px;margin: 0 auto;}
.xw_botton a{width:180px;height:46px;line-height:46px;display: inline-block;font-size: 20px;color: #fff; text-align:center;background: #d70000;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;letter-spacing: 2px;}
/*浮层*/
.float_wrap{
    width: 160px;
    height: 215px;
    display: block;
    position: fixed;
    top: 160px;
    right: 8%;
    z-index: 99;
    background: url("../image/fu.png") no-repeat;
    background-size: 100% 100%;
}
.float_wrap a{
    width: 100%;
    height: 36px;
    line-height: 36px;
    display: block;
    text-align: center;
    font-size: 14px;
    color: #fff;
    letter-spacing: 2px;
    position: absolute;
}
.float_wrap a:first-child{
    top: 106px;
}
.float_wrap a:last-child{
    top: 168px;
}
.float_wrap a:last-child i {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    background: url("../image/qq.png") no-repeat;
}
@media(max-width: 1600px) {
    /*banner*/
    .swiper-container {
        height: 400px
    }
}
/*小屏*/
@media(max-width: 1024px){
    .m{width: 98%;margin: 0 1%;}
    /*banner*/
    .swiper-container{height: 320px}
    /*产品分类*/
    .slide{width: 13%;margin-right: 1.4%}
    /*产品展示*/
    .cp_pro{width: 94%;margin: 0 auto;height: 396px;}
    .cp_pro li{width: 30%;margin-left: 3%;}
    .cp_pro li a{width:100%;height:100%;display: block;}
    .chanpin .cp_details{padding: 0 15px;}
    .cp_details h5{height: 80px;line-height: 80px;font-size: 18px;text-align: left;}
    .cp_details p{height:60px;line-height:30px;font-size: 16px;-webkit-line-clamp:2;}
    /*新闻中心*/
    .xw_right a .list_title{width: 80%;}
}
/*超小屏*/
@media (max-width:768px) {
    .float_wrap{display: none;}
    /*banner*/
    .swiper-container{display: none;}
    /*产品分类*/
    .fenlei{display: none}
    .xw_right span{display: none;}
       .xw_right li
       {
        line-height: 40px; border-bottom: 1.5px dotted #900; text-align: center;
       }
    /*产品展示*/
    .chanpin ,.xw_title,.success{margin-top: 20px;}
    .cp_title,.xm_title,.dl_title,.xw_title{height:42px;line-height:42px;margin-bottom:30px;font-size: 20px;}
    .cp_title_line,.xm_title_line,.dl_title_line,.xw_title_line{width: 50px;}
    .cp_pro{width: 90%;margin: 0 auto;}
    .cp_pro li{width: 100%;margin-left: 0;height: 386px;overflow: hidden;}
    .cp_pro li img{width: 100%;height:  100%;}
    .chanpin .cp_details{display:block;width: 100%;height:120px;left: 0;top:176px;padding: 0 30px;}
    .cp_details h5{height: 60px;line-height: 60px;font-size: 16px;text-align: left;}
    .cp_details p{height:48px;line-height:24px;font-size: 14px;-webkit-line-clamp:2;}
    .more_botton{display:none;}
    /* 方向感知鼠标滑过图片遮罩效果演示 动画*/
    .chanpin .cp_details {top: 0;left: -100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    .chanpin li a:hover .cp_details{left: 0px;}
    /*代理加盟*/
    .success{height: auto}
    .dl_content{width: 96%;margin-left: 2%;margin-right: 2%;padding-bottom: 28px;}
    .dl_content li{width: 100%;height:170px;margin: 0 auto 100px;padding-bottom: 30px;}
    .dl_content li:last-child{margin-bottom: 0;}
    .dl_head{width: 160px;height: 160px;top: -80px; margin-left: -80px;}
    .dl_name {height: 38px;line-height: 38px; font-size: 18px;  margin-bottom: 12px;letter-spacing: 1px;}
    .dl_details{margin-top: 100px;}
    .dl_details .dl_info{font-size: 12px;}
    .dl_button{width: 100%;text-align: center;margin-bottom: 30px}
    .dl_button a{width: 44%;font-size: 16px;}
    /*新闻中心*/
    .xw_content{width: 94%;margin-left: 3%;margin-right: 3%;}
    .xw_left{width:100%;float: none;height: 100%;}
    .xw_img{height:auto;}
    .xw_alone{padding: 0 15px 0 15px;}
    .xw_alone h4{height: 42px;line-height: 42px;font-size: 16px;}
    .xw_alone p {height: 48px;line-height: 24px;font-size: 14px;color: #666;}
    .xw_right{width: 100%;height:100%;margin-bottom:30px;padding-left: 0;float: none;}
    .xw_list i{font-size: 24px;}
    .xw_right a{margin-bottom: 0;margin-top: 8px;}
    .xw_right a .list_title{width: 88%;font-size: 16px;margin-left: 6px;}
    .list_p{margin-left: 34px;}
    /***banner***/
    .home_content{width:100%;padding:15% 20px 0;left:0;margin-left:0;margin-top:0;top:0;}
    .home_content .bd{width:90%;font-size:14px;}
    .home_content .bd.hh{-webkit-line-clamp:4;height:86px;margin-bottom:10px;}
    .swiper-container{height:310px;}
    .swiper-button-next,.swiper-button-prev{display:none;}
}
@media (max-width:414px) {
    .cp_pro li{height: 296px}
}