/* CSS Document */
/**
 * Copyright(C), Spaceflight Technology Co., Ltd.
 * FileName: page.css
 * Author: hujiqiang QQ:2873660121 
 * Update: hujiqiang QQ:2873660121 
 * Description: CSS Reset & Public Components
*/
/* grid */
.g-body{ width:100%;}
.m-wrap{ max-width: 1200px; margin: 0 auto;}

.slideBox{ width:100%; height:650px; overflow:hidden; position:relative;}

.slideBox{ width:100%; height:650px; position: relative; }
.slideBox .hd{ height:16px; position:absolute; left:40%;bottom:35px; z-index:1; width: ; background: url(../images/bg.png) no-repeat -27px 7px;}  
.slideBox .hd ul{ float:left; overflow:hidden; zoom:1;}
.slideBox .hd ul li{cursor: pointer; width:13px; background:url(../images/ico.png) no-repeat;  height:13px; overflow:hidden; line-height:999px; float:left; margin:0 40px;}
.slideBox .hd{ position:absolute; right:10px; bottom:35px;}
.slideBox .hd ul li.on{background:url(../images/ico-h.png) no-repeat;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:650px; display:block;}
.slideBox .prev,
.slideBox .next{ position:absolute; bottom:19px; margin-top:-25px; display:block;}
.slideBox .prev{ left:37%;}
.slideBox .next{ right:40%;}


.index-box-1{ padding: 80px 0; height: 527px;}
.index-box-1 > h1{ font-size: 36px; color: #1c1d21; font-weight: 600; padding-bottom: 50px;}
.index-box-1 .bd{ background: url(../images/index-box-1-bg.jpg) no-repeat center top; height: 527px; padding: 80px 0;}
.index-box-1 .txt{ width: 460px; padding-left: 20px;}
.index-box-1 .txt h2{ font-size: 22px; color: black; padding-bottom: 13px;}
.index-box-1 .txt h3{ font-size: 40px; color: #fa0101; font-weight: 600; padding-bottom: 30px;}
.index-box-1 .txt li{ width: 100%; font-size: 14px; color: #666; line-height: 25px;}
.index-box-1 .txt li a{ margin-top: 35px; width:204px; height: 45px; line-height: 45px; margin-right: 5px; font-size: 16px; text-align: center; 
display:inline-block; background-color: #fa0000; color: white;
 border: 1px solid #fa0000;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.index-box-1 .txt li a:hover{ border: 1px solid #fa0000; color: #fa0000; background-color: white;}

.index-box-1 .txt li span{ margin-top: 35px; width: 224px; height: 43px; line-height: 43px; display: inline-block; font-size: 16px; color: #0d0c0c; text-align: center; font-weight: 600; border: 1px solid #c6c6c6;}
.index-box-2{ height: 515px; background:url(../images/index-box-2-bg.jpg) no-repeat center top;}
.index-box-2 .txt{ width: 460px; padding-left: 20px; padding-top: 80px;}
.index-box-2 .txt h2{ font-size: 22px; color: black; padding-bottom: 13px;}
.index-box-2 .txt h3{ font-size: 40px; color: #fa0101; font-weight: 600; padding-bottom: 30px;}
.index-box-2 .txt li{ width: 100%; font-size: 14px; color: #666; line-height: 25px;}
.index-box-2 .txt li a{ margin-top: 35px; width:204px; height: 45px; line-height: 45px; margin-right: 5px;
 font-size: 16px; text-align: center; display:inline-block; background-color: #fa0000; color: white;
 border: 1px solid #fa0000;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.index-box-2 .txt li a:hover{ border: 1px solid #fa0000; color: #fa0000; background-color: white;}

.index-box-2 .txt li span{ margin-top: 35px; width: 224px; height: 43px; line-height: 43px; display: inline-block; font-size: 16px; color: #0d0c0c; text-align: center; font-weight: 600; border: 1px solid #c6c6c6;}

.index-box-3 .bd{ height: 527px; background:url(../images/index-box-3-bg.jpg) no-repeat center top;}
.index-box-3 .txt{ width: 460px; padding-left: 20px; padding-top: 115px;}
.index-box-3 .txt h2{ font-size: 22px; color: black; padding-bottom: 13px;}
.index-box-3 .txt h3{ font-size: 40px; color: #fa0101; font-weight: 600; padding-bottom: 30px;}
.index-box-3 .txt li{ width: 100%; font-size: 14px; color: #666; line-height: 25px;}
.index-box-3 .txt li a{ margin-top: 35px; width:204px; height: 45px; line-height: 45px; margin-right: 5px; font-size: 16px; text-align: center; 
display:inline-block; background-color: #fa0000; color: white;
 border: 1px solid #fa0000;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.index-box-3 .txt li a:hover{ border: 1px solid #fa0000; color: #fa0000; background-color: white;}
.index-box-3 .txt li span{ margin-top: 35px; width: 224px; height: 43px; line-height: 43px; display: inline-block; font-size: 16px; color: #0d0c0c; text-align: center; font-weight: 600; border: 1px solid #c6c6c6;}

.index-box-4 .bd{ height: 545px; background: url(../images/index-box-4-bg.jpg) no-repeat center top;}
.index-box-4 .txt{ width: 460px; padding-left: 20px; padding-top: 135px;}
.index-box-4 .txt h2{ font-size: 22px; color: black; padding-bottom: 13px;}
.index-box-4 .txt h3{ font-size: 40px; color: #fa0000; font-weight: 600; padding-bottom: 30px;}
.index-box-4 .txt li{ width: 100%; font-size: 14px; color: #666; line-height: 25px;}
.index-box-4 .txt li a{ margin-top: 35px; width:204px; height: 45px; line-height: 45px; margin-right: 5px; font-size: 16px; text-align: center; 
display:inline-block; background-color: #fa0000; color: white;
 border: 1px solid #fa0000;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.index-box-4 .txt li a:hover{ border: 1px solid #fa0000; color: #fa0000; background-color: white;}
.index-box-4 .txt li span{ margin-top: 35px; width: 224px; height: 43px; line-height: 43px; display: inline-block; font-size: 16px; color: #0d0c0c; text-align: center; font-weight: 600; border: 1px solid #c6c6c6;}

.index-box-5{ width: 100%; height: 600px; background: url(../images/index-box-5-bg.jpg) no-repeat center top;;}
.index-box-5 .m-wrap{ max-width: 945px; margin: 0 auto;}
.index-box-5 .title{ font-size: 31px; color: white; line-height: 50px; padding-top: 120px;}
.index-box-5 .des{ font-size: 14px; color: white; line-height: 25px; padding-top: 50px; text-align:center;}
.index-box-5 .btn{ text-align: center;}
.index-box-5 .btn a{ margin-top: 35px; width:204px; height: 45px; line-height: 45px; margin-right: 5px; font-size: 16px; text-align: center; 
display:inline-block; background-color: #fa0000; color: white;
 border: 1px solid #fa0000;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.index-box-5 .btn a:hover{ border: 1px solid #fa0000; color: #fa0000; background-color: white;}
.index-box-5 .btn span{ margin-top: 35px; width: 224px; height: 43px; line-height: 43px; display: inline-block; font-size: 16px; color: white; text-align: center; font-weight: 600; border: 1px solid #c6c6c6;}

.index-box-6{ width: 100%; padding: 50px 0;}
.index-box-6 .stitle h1{ font-size: 36px; color: #1c1d21; font-weight: 600;}
.index-box-6 .stitle p{ padding-top: 30px; font-size: 14px; color: #b8b8b8; line-height: 30px;}
.index-box-6 .bd{ overflow: hidden;}
.index-box-6 .bd ul{ width: 110%; padding-top: 75px;}
.index-box-6 .bd li{ float: left; width: 220px; margin-right: 105px;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.index-box-6 .bd li:hover{
-webkit-transform:translateY(-10px);
   -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
         transform:translateY(-10px);}        
.index-box-6 .bd li dl dt{ font-size: 43px;}
.index-box-6 .bd li dl dd{ font-size: 18px; color: #666; padding-top: 20px;}
.index-box-6 .bd li:first-child dl dt{ color: #8d0ebc;}
.index-box-6 .bd li:nth-child(2) dl dt{ color: #3aa463;}
.index-box-6 .bd li:nth-child(3) dl dt{ color: #d73a3e;}
.index-box-6 .bd li:last-child dl dt{ color: #298fde;}

.index-box-7{ width: 100%; padding: 50px 0; background-color: #f8f8f8;}
.index-box-7 h1{ font-size: 36px; color: #1c1d21; font-weight: 600; text-align: center;}
.slideTxtBox{ width:1200px; position: relative; padding-bottom: 75px; margin-top: 45px;}
.slideTxtBox .hd{ height:16px; position:absolute; left:45%;bottom:5px; z-index:1;}  
.slideTxtBox .hd ul{ float:left; overflow:hidden; zoom:1;}
.slideTxtBox .hd ul li{cursor: pointer; width:3em; height:6px; background:#aaa; opacity:0.7; overflow:hidden; line-height:999px;filter:alpha(opacity=70); float:left; margin:0 .5em;}
.slideTxtBox .hd{ position:absolute; right:10px; bottom:10px; }
.slideTxtBox .hd ul li.on{ background:#f44e51 !important; opacity: 1;}
.slideTxtBox .bd{ overflow: hidden;}
.slideTxtBox .bd ul{width: 110%;}
.slideTxtBox .bd li{ float: left; width: 277px; background-color: white; margin-right: 30px;}
.slideTxtBox .bd li a{ display:inline-block;}
.slideTxtBox .bd li a img{ display: block; width: 277px; height: 155px;}
.slideTxtBox .bd li .bod{ padding: 25px 12px;}
.slideTxtBox .bd li .bod h1{ width: 100%; height: 25px; line-height: 25px; overflow: hidden; display: inline-block; font-size: 17px; color: #333;}
.slideTxtBox .bd li .bod .des{ font-size: 14px; color: #999; line-height: 20px; padding-top: 25px;}
.slideTxtBox .bd li .bod .btn{ padding-top: 20px; text-align: center;}
.slideTxtBox .bd li .bod .btn a{ width: 125px; height: 32px; line-height: 32px; color: white; display: inline-block; background-color: #fa0000; text-align:center; font-size: 14px;}

.ins-q-banner h1{ padding-top: 196px; font-size: 63px;font-weight: 600;}
.ins-q-banner h2{ padding-top: 32px; font-size: 28px;font-weight: 600;}
.q-title{ font-size: 26px; color: #3a3a3a; padding-top: 60px; padding-bottom: 5px;}
.q-box-1 .list{ overflow: hidden;}
.q-box-1 ul{ width: 110%;}
.q-box-1 ul li{ float: left; margin-top: 25px; margin-right: 24px;}
.q-box-1 ul li a{ width: 280px; height: 186px; border: 1px solid #e1e3e6; color: #f00; display: block;}
.q-box-1 ul li a h1{ padding-top: 50px; height: 52px;}
.q-box-1 ul li a p{ padding-top: 20px; font-size: 16px; color: #282828;}
.q-box-1 ul li a:hover{border: 1px solid #f00;}
.q-box-2 .q-des{ font-size: 15px; color: #666; padding: 25px 0;}
.q-box-2 .list{ overflow: hidden;}
.q-box-2 ul{ width: 110%;}
.q-box-2 li{ float: left;  width: 346px; height: 170px; border: 1px solid #e1e3e6; padding: 18px; margin-right: 22px;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.q-box-2 li:hover{ border: 1px solid #f00;}  
.q-box-2 li dl{ border-bottom: 1px dashed  #ececec;}
.q-box-2 li dl dt{ font-size: 18px; color: #333; padding: 8px 0 20px;}
.q-box-2 li dl dd{ font-size: 14px; color: #707070; line-height: 25px; padding-bottom: 15px;}
.q-box-2 li p{ font-size: 14px; line-height: 35px; color: #999;}

.ins-shuju-banner{ width: 100%; height: 500px; background: url(../images/shuju_02.jpg) no-repeat center top;  text-align: center;}
.ins-shuju-banner h1{ padding-top: 196px; font-size: 45px;font-weight: 600; color: white;}
.ins-shuju-banner h2{ padding-top: 32px; font-size: 20px; color: #c7c6c5;}

.shuju-title h1{ font-size: 30px; color: black;}
.shuju-title p{ padding-top: 30px; font-size: 14px; color: #888; line-height: 30px;}
.shu-box-1{ padding: 80px 0;}
.shu-box-1 .bd{ overflow: hidden; padding-top: 85px;}
.shu-box-1 .bd ul{ width: 110%;}
.shu-box-1 .bd li{ float: left; width: 253px; margin-right: 60px;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.shu-box-1 .bd li:hover{
-webkit-transform:translateY(-10px);
   -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
         transform:translateY(-10px);	
} 
.shu-box-1 .bd li dl dt{ font-size: 18px; color: #333; font-weight: 600; padding-top: 35px;}
.shu-box-1 .bd li dl dd{ font-size: 14px; color: #888; line-height: 25px; padding-top: 20px;}
.shu-box-2{ padding: 80px 0; background-color: #f8f8f8;}
.shu-box-2 .bd{ width: 930px; margin: 80px auto;}
.shu-box-3{ padding: 80px 0;}
.shu-box-3 .bd{ overflow: hidden; padding-top: 40px;}
.shu-box-3 .bd ul{ width: 110%;}
.shu-box-3 .bd li{ float: left; width: 520px; height: 98px; padding: 30px; margin-top: 20px; margin-right: 20px; 
background: url(../images/shuju_22.jpg) no-repeat right bottom; border: 1px solid #ececec;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.shu-box-3 .bd li:hover{ border: 1px solid #f00;} 
.shu-box-3 .bd li dl dt{ font-size: 18px; color: #333;}
.shu-box-3 .bd li dl dd{ font-size: 14px; color: #666; padding-top: 20px; line-height: 25px;}
.shu-box-4{ padding: 80px 0; min-height: 724px; background:url(../images/shuju-01-bg.jpg) no-repeat center top #f8f8f8;}
.shu-box-4 .bd{ width: 100%; padding-top: 120px;}
.shu-box-4 .bd h2 a{ display: inline-block; width: 150px; height: 50px; line-height: 50px;color: white; font-size: 18px; text-align: center; margin-right: 2px;}
.shu-box-4 .bd h2 a:first-child{ background-color: #db2525;}
.shu-box-4 .bd h2 a:last-child{ background-color: #2f2e32;}
.shu-box-4 .bd dl{ padding-top: 35px; padding-left: 18px; width: 685px;}
.shu-box-4 .bd dl dt{ color: #161616; font-size: 18px;}
.shu-box-4 .bd dl dd{ font-size: 15px; color: #7b7b7b; line-height: 25px; padding-top: 20px;}
.shu-box-5{ padding: 80px 0;}
.shu-box-5 .bd{ width: 100%; overflow: hidden;}
.shu-box-5 .bd ul{ width: 110%;}
.shu-box-5 .bd li{ float: left; width: 560px; margin-top: 120px; margin-right: 70px;}
.shu-box-5 .bd li dl{ width: 510px;}
.shu-box-5 .bd li dl dt{ font-size: 18px; color: #202020; padding-top: 10px;}
.shu-box-5 .bd li dl dd{ font-size: 14px; color: #666; line-height: 25px; padding-top: 30px;}
.shu-box-6{ padding: 80px 0; background-color: #f8f8f8;}
.shu-box-6 .bd{ width: 100%; overflow: hidden;}
.shu-box-6 .bd ul{ width: 110%; padding-top: 85px;}
.shu-box-6 .bd li{ float: left; background-color: white; width: 555px; padding: 20px; margin-right: 10px;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.shu-box-6 .bd li:hover{
-webkit-transform:translateY(-10px);
   -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
         transform:translateY(-10px);	
}
.shu-box-6 .bd li .f-fl a{ display: inline-block;}
.shu-box-6 .bd li .f-fl a img{ width:260px; height: 215px; display: block;}
.shu-box-6 .bd li:hover{
-webkit-transform:translateY(-10px);
   -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
         transform:translateY(-10px);}
.shu-box-6 .bd li dl { width: 280px;}
.shu-box-6 .bd li dl dt { padding-top: 30px;}
.shu-box-6 .bd li dl dt a{ width: 100%; height: 25px; line-height: 25px; display: inline-block; overflow: hidden; font-size: 16px; color: #333; font-weight: 600;}
.shu-box-6 .bd li dl dd{ font-size: 14px; color: #666; line-height: 20px; padding-top: 20px;}


.ins-sol-banner{ width: 100%; height: 500px; background: url(../images/sol_02.jpg) no-repeat center top;  text-align: center;}
.ins-sol-banner h1{ padding-top: 196px; font-size: 38px; color: white;}
.ins-sol-banner h2{ padding-top: 32px; font-size: 85px;font-weight: 600;  color:white;}

.sol-box-1{ padding: 80px 0;}
.sol-box-1 .m-wrap{ overflow: hidden;}
.sol-box-1 ul{ width: 110%; padding-top: 60px;}
.sol-box-1 li{ float: left; width: 330px; text-align: center; margin-right: 110px;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}

.sol-box-1 li:hover{
-webkit-transform:translateY(-10px);
   -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
         transform:translateY(-10px);	
}
.sol-box-1 li h2{ height: 145px;}
.sol-box-1 li dl dt{ font-size: 20px; color: #444; padding-top: 30px; font-weight: 600;}
.sol-box-1 li dl dd{ font-size: 14px; color: #444; line-height: 25px; padding-top: 25px;}
.sol-box-2{ padding: 80px 0 80px; background-color: #f8f8f8;}
.sol-box-2 .sol-title h1{ font-size: 30px; color: black;font-weight: 600;}
.sol-box-2 .sol-title p{ padding-top: 30px; font-size: 14px; color: #888; line-height: 30px;}
.sol-box-2 .module-wrap { padding-top: 70px;}
.th-index-product-sale .module-wrap .card-area {  margin: 0 auto 0 auto; width: 1200px;}
.th-index-product-sale .module-wrap .card-area .card-item{z-index:10;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:15%;height:500px;background-color:transparent;border:1px solid #DBDBDD}
.th-index-product-sale .module-wrap .card-area .card-item+.card-item{margin-left:-1px}
.th-index-product-sale .module-wrap .card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:#fff}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-content{width:100%;line-height:2}

.th-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-first {
  -webkit-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
  -moz-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
  -o-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
  transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
  z-index: 3;
  opacity: 1;

}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second {
  -webkit-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  -moz-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  -o-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  z-index: 2;
  opacity: 0;
  line-height: 2;
}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second li {float: left;width: 45%;}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-content,
.th-index-product-sale .module-wrap .card-area .card-item .card .card-title {position: absolute; left: 0;right: -1px;z-index: 1;}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-title { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s; height: 170px;line-height: 26px;font-size: 14px; top: 0; background-color: #e4e5e5;}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-title .content{position:absolute;top:50px;width:100%}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-title h1{font-size:18px;font-weight:700;margin-bottom:10px;color:#373D41}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-title .short-info{color:#949a9e;font-size:14px}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-title .ali-product-img{width:55px;height:55px;margin:10px auto;position:relative}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-title .ali-product-img img{position:absolute;left:0;width:100%}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-title .ali-product-img .un-hover{z-index:1;opacity:1;}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-title .ali-product-img .with-hover{z-index:2;opacity:0;}

.th-index-product-sale .module-wrap .card-area .card-item .card .card-title h1,
.th-index-product-sale .module-wrap .card-area .card-item .card .card-title .short-info,
.th-index-product-sale .module-wrap .card-area .card-item .card .card-title .ali-product-img img {
  -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  -moz-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  -o-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-content{height:320px;position:absolute;top:170px}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-first .content-first-list{width:100%;max-width:250px;font-size:16px;color:#373D41;margin-top:26px;margin-bottom:26px}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:26px}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-content .main-info{height:150px}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second{max-width:350px;left:25px;font-size:14px;color:#a9b0b4;text-align:left;padding-top:20px}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second .main-head{color:#373d41;font-size:18px;line-height:28px;margin-bottom:4px}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second .main-desc{line-height:22px}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second .main-btn{cursor:pointer;width:100px;height:30px;font-size:14px!important;background-color:#fff;border:1px solid #d61718;color:#d61718;margin-top:22px;margin-bottom:33px;-webkit-transition:color .3s ease-in-out,background .3s ease-in-out;-moz-transition:color .3s ease-in-out,background .3s ease-in-out;-o-transition:color .3s ease-in-out,background .3s ease-in-out;transition:color .3s ease-in-out,background .3s ease-in-out}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second .main-btn:hover{color:#fff;background:#d61718}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-content .other-info{line-height:22px;border-top:1px solid #ebebec;padding-top:20px;font-size:12px}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-content .other-info .other-info-list{height:60px;padding-right:10px;margin-bottom:10px}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-content .other-info .other-info-list .list-context{color:#00c1de}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-content .other-info .other-info-list h3{font-size:14px;font-weight:400}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-content .other-info .other-info-list a{font-size:14px;font-weight:400;color:#373d41}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-content .other-info .other-info-list a:hover{color:#d61718}
.th-index-product-sale .module-wrap .card-area .card-item.active{z-index:100;border:1px solid #d61718;box-shadow:0 0 20px rgba(214,23,24,.5);width:34%;height:514px}
.th-index-product-sale .module-wrap .card-area .card-item.active .card .ali-product-img .un-hover{opacity:0;}
.th-index-product-sale .module-wrap .card-area .card-item.active .card .ali-product-img .with-hover{opacity:1;}
.th-index-product-sale .module-wrap .card-area .card-item.active .card .card-title{left:-1px;background-color:#d61718;height:185px;top:-15px}
.th-index-product-sale .module-wrap .card-area .card-item.active .card .card-title h1{color:#fff;padding:0 30px}
.th-index-product-sale .module-wrap .card-area .card-item.active .card .card-title .short-info{color:#fff;padding:0 30px;display:none}
.th-index-product-sale .module-wrap .card-area .card-item .card .card-title .short-over{display:none;color:#fff;padding:0 30px}
.th-index-product-sale .module-wrap .card-area .card-item.active .card .card-title .short-over{display:block}
.th-index-product-sale .module-wrap .card-area .card-item.active .card .card-content.content-first{-webkit-transition:all .12s cubic-bezier(.4,0,.2,1) 0s;-moz-transition:all .12s cubic-bezier(.4,0,.2,1) 0s;-o-transition:all .12s cubic-bezier(.4,0,.2,1) 0s;transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.th-index-product-sale .module-wrap .card-area .card-item.active .card .card-content.content-second{-webkit-transition:all .12s cubic-bezier(.4,0,.2,1) .18s;-moz-transition:all .12s cubic-bezier(.4,0,.2,1) .18s;-o-transition:all .12s cubic-bezier(.4,0,.2,1) .18s;transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}



.sol-box-3{ padding: 80px 0; }
.sol-box-3 .sol-title h1{ font-size: 28px; color: black; }
.sol-box-3 .sol-title p{ padding-top: 30px; font-size: 28px; color: #040404; line-height: 30px; position: relative;}
.sol-box-3 .sol-title p:after,
.sol-box-3 .sol-title p:before{ content: ''; width: 450px; height: 1px; background-color: #e2e2e2; position: absolute; top: 45px;}
.sol-box-3 .sol-title p:after{ left: 0;}
.sol-box-3 .sol-title p:before{ right: 0;}
.sol-box-3 .bd{ overflow: hidden; padding-top: 95px;}
.sol-box-3 .bd ul{ width: 110%;}
.sol-box-3 .bd li{ float: left; width: 290px; height: 324px; position: relative; border: 2px solid white;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.sol-box-3 .bd li:hover{ border: 2px solid #d52525;}
.sol-box-3 .bd li .con dl{ font-size: 17px; color: #333;}
.sol-box-3 .bd li .con dl dt{ padding-top: 60px;}
.sol-box-3 .bd li .con dl dd{ padding-top: 15px;}
.sol-box-3 .bd li .con p { padding-top: 50px;}
.sol-box-3 .bd li .conHoer{ width: 240px; height: 274px; padding:25px; background-color: white; position: absolute; top: 0; left: 0; display: none;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.sol-box-3 .bd li .conHoer .tit{ text-align: center; color: #d61718; padding-bottom: 28px; font-size: 18px; font-weight: 600; border-bottom: 1px dashed #eaeaea;}
.sol-box-3 .bd li .conHoer .tit h1{ font-weight: 600; padding-top: 20px;}
.sol-box-3 .bd li .conHoer .tit p{ padding-top: 15px;}
.sol-box-3 .bd li .conHoer .des{ padding: 20px 5px; font-size: 14px; color: #333; line-height: 25px;}
.sol-box-3 .bd li:hover .conHoer{ display: block;}

.sol-box-4{ padding: 60px 0; min-height: 551px; background:url(../images/sol-box-4-bg.png) no-repeat center top;}
.sol-box-4 .sol-title h1{ font-size: 28px; color:white; }
.sol-box-4 .sol-title span{ width: 120px; height: 2px; display: block; margin: 20px auto; background-color: white;}
.sol-box-4 .sol-title p{ font-size: 13px; color: white; line-height: 30px;}
.sol-box-4 .bd{ overflow: hidden; padding-top: 65px;}
.sol-box-4 .bd ul{ width: 110%;}
.sol-box-4 .bd li{ float: left; width: 150px; text-align: center; color: white; margin-right: 110px;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
}
.sol-box-4 .bd li:hover{
-webkit-transform:translateY(-10px);
   -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
         transform:translateY(-10px);	
}
.sol-box-4 .bd li dl dt{ padding-top: 42px;font-size: 14px;}
.sol-box-4 .bd li dl dt em{ font-size: 36px; font-weight: 600;}
.sol-box-4 .bd li dl dd{ padding-top: 19px; font-size: 14px;}

.sol-box-5{ padding: 80px 0;}
.sol-box-5 .sol-title h1{ font-size: 28px; color: #000033;}
.sol-box-5 .sol-title p{ font-size: 14px; color: #888; line-height: 30px; padding-top: 30px;}
.sol-box-5 .sidel{ overflow: hidden;}
.sol-box-5 .hd{ width: 250px; min-height: 300px; border-right: 1px solid #e8e8e8;}
.sol-box-5 .hd ul li{ width: 246px; float: left;  border-right: 4px solid white;}
.sol-box-5 .hd ul li a{width: 210px; line-height: 60px; text-align: right; font-size: 18px; color: #333; display: inline-block;}
.sol-box-5 .hd ul li.s-crt{ border-right: 4px solid #d21616;}
.sol-box-5 .bd{ width: 900px;}
.sol-box-5 .bd .con{ display: none;}
.sol-box-5 .bd .con .t{ border-bottom: 1px solid #e8e8e8; line-height: 60px; font-size: 22px; color: #333;}
.sol-box-5 .bd .con .t > span{ font-size: 14px; color: #666; padding-left: 25px;}
.sol-box-5 .bd .con h3{ line-height: 53px; font-size:18px; color: #333;}
.sol-box-5 .bd .con .f-fl{ width: 500px;}
.sol-box-5 .bd .con .f-fl .des{ font-size: 14px; color: #666; line-height: 23px;}
.sol-box-5 .bd .con .f-fr{ width: 340px;}
.sol-box-5 .bd .con .f-fr .t-des{ font-size: 14px; color: #666; line-height: 25px; padding-bottom: 15px;}
.sol-box-5 .bd .con .f-fr .list{ overflow: hidden;}
.sol-box-5 .bd .con .f-fr .list ul{ width: 110%;}
.sol-box-5 .bd .con .f-fr .list li{ float: left; width: 60px; margin-right: 10px;}
.sol-box-5 .bd .con .f-fr .list li img{ width: 60px; height: 60px; display: block; border: 1px solid #e5e5e5;}
.sol-box-5 .bd .con .f-fr .list li span{ text-align: center; display: block; line-height: 25px;}
.sol-box-6{ padding: 80px 0;}
.sol-box-6 .sol-title h1{ font-size: 28px; color: #000033;}
.sol-box-6 .sol-title p{ font-size: 14px; color: #888; line-height: 30px; padding-top: 30px;}
.sol-box-6 .bd{ overflow: hidden;}
.sol-box-6 .bd ul{ width: 110%; padding-top: 47px;}
.sol-box-6 .bd li{ float: left; margin-right: 24px;}
.sol-box-6 .bd li a{ display: inline-block;}
.sol-box-6 .bd li a img{ width: 272px; height: 130px; display: block; border: 1px solid #e5e5e5;}


.ins-mt4-banner{ width: 100%; height: 500px; background: url(../images/mt4_banner-bg.jpg) no-repeat center top;  text-align: center; color: white;}
.ins-mt4-banner h1{ padding-top: 196px; font-size: 50px;}
.ins-mt4-banner h2{ padding-top: 32px; font-size: 36px;}

.mt4-box-1{ padding: 80px 0;}
.mt4-box-1 .sol-title h1{ font-size: 30px; color:  black;}
.mt4-box-1 .sol-title p{ font-size: 16px; color: #444; line-height: 30px; padding-top: 10px;}
.mt4-box-1 .bd{ overflow: hidden;}
.mt4-box-1 .bd ul{ width: 110%; padding-top: 45px;}
.mt4-box-1 .bd li{ float: left; width: 250px; margin-right: 50px;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
}
.mt4-box-1 .bd li:hover{
-webkit-transform:translateY(-10px);
   -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
         transform:translateY(-10px);	
}
.mt4-box-1 .bd li dl dt{ font-size: 20px; color: #333; font-weight: 600; padding-top: 34px;}
.mt4-box-1 .bd li dl dd{ font-size: 14px; color: #888; padding-top: 30px; line-height: 25px;}

.mt4-box-2{ padding: 80px 0; background-color: #f8f8f8;}
.mt4-box-2 .sol-title h1{ font-size: 36px; color:  black;}
.mt4-box-2 .sol-title p{ font-size: 20px; color: #333; line-height: 30px; padding-top: 10px;}
.mt4-box-2 .bd{ overflow: hidden;}
.mt4-box-2 .bd ul{ width: 110%; padding-top: 95px;}
.mt4-box-2 .bd li{ float: left; width: 230px; min-height: 470px; padding: 0 20px; margin-right: 33px; background-color: white; position: relative; 
border: 1px solid #ededed;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}

.mt4-box-2 .bd li:hover{
-webkit-transform:translateY(-10px);
   -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
         transform:translateY(-10px);	
}

.mt4-box-2 .bd li img{ position: absolute; top: -30px; right: 20px;}
.mt4-box-2 .bd li h2{ font-size: 24px; color: black; margin-top: 155px;}
.mt4-box-2 .bd li h3{ margin-top: 20px; font-size: 18px; color: #676767;}
.mt4-box-2 .bd li .des{ font-size: 14px; color: #757575; line-height: 25px; padding-top: 20px; min-height: 150px;}
.mt4-box-2 .bd li .btn a{ width: 100%; height:45px; line-height: 45px; border-radius: 5px; display: inline-block; text-align: center; color: #e54e4e; font-size: 16px; border: 1px solid #e54e4e;}
.mt4-box-2 .bd li .btn a:hover{ background-color: #e54e4e; color: white;}

.mt4-box-3{ padding: 80px 0; }
.mt4-box-3 .sol-title h1{ font-size: 30px; color:black;}
.mt4-box-3 .sol-title p{ font-size: 16px; color: #444; line-height: 30px; padding-top: 10px;}
.mt4-box-3 .bd{ padding-top: 95px;}
.mt4-box-3 .bd .f-fl{ padding-left: 102px; padding-top: 45px;}
.mt4-box-3 .bd .txt{ width: 670px; padding-right: 40px;}
.mt4-box-3 .bd .txt h2{ color: black; font-size: 26px;}
.mt4-box-3 .bd .des{ font-size: 14px; color: #74777c; line-height: 25px; padding: 25px 0;}
.mt4-box-3 .bd .list{ overflow: hidden;}
.mt4-box-3 .bd .list li{ float: left;}
.mt4-box-3 .bd .list li:first-child{ padding-right: 63px; border-right: 2px solid #dc3f3b;}
.mt4-box-3 .bd .list li:nth-child(2){ padding: 0 75px;  border-right: 2px solid #dc3f3b; text-align:center;}
.mt4-box-3 .bd .list li:last-child{ padding-left: 70px; text-align: center;}
.mt4-box-3 .bd .list li dl dt{ font-size: 50px; color: #dc3f3b;}
.mt4-box-3 .bd .list li dl dd{ font-size: 16px; color: #dc3f3b; padding-top: 10px;}

.mt4-box-4{ padding: 80px 0; background-color: #f8f8f8;}
.mt4-box-4 .bd{ padding-top: 95px;}
.mt4-box-4 .bd .img{ padding-left: 80px; padding-top: 45px;}
.mt4-box-4 .bd .txt{ width: 670px; padding-right: 40px;}
.mt4-box-4 .bd .txt h2{ color: black; font-size: 26px;}
.mt4-box-4 .bd .des{ font-size: 14px; color: #74777c; line-height: 25px; padding: 25px 0;}
.mt4-box-4 .bd .list{ overflow: hidden;}
.mt4-box-4 .bd .list li{ float: left;}
.mt4-box-4 .bd .list li:first-child{ padding-right: 63px; border-right: 2px solid #dc3f3b;}
.mt4-box-4 .bd .list li:nth-child(2){ padding: 0 70px;  border-right: 2px solid #dc3f3b; text-align:center;}
.mt4-box-4 .bd .list li:last-child{ padding-left: 40px; text-align: center;}
.mt4-box-4 .bd .list li dl dt{ font-size: 50px; color: #dc3f3b;}
.mt4-box-4 .bd .list li dl dd{ font-size: 16px; color: #dc3f3b; padding-top: 10px;}


.mt4-box-5{ padding: 80px 0;}
.mt4-box-5 .bd{ padding-top: 95px;}
.mt4-box-5 .bd .img{ padding-left: 80px; padding-top: 45px;}
.mt4-box-5 .bd .txt{ width: 670px; padding-right: 40px;}
.mt4-box-5 .bd .txt h2{ color: black; font-size: 26px;}
.mt4-box-5 .bd .des{ font-size: 14px; color: #74777c; line-height: 25px; padding: 25px 0;}
.mt4-box-5 .bd .list{ overflow: hidden;}
.mt4-box-5 .bd .list li{ float: left;}
.mt4-box-5 .bd .list li:first-child{ padding-right: 63px; border-right: 2px solid #dc3f3b;}
.mt4-box-5 .bd .list li:nth-child(2){ padding: 0 50px;  border-right: 2px solid #dc3f3b; text-align:center;}
.mt4-box-5 .bd .list li:last-child{ padding-left: 40px; text-align: center;}
.mt4-box-5 .bd .list li dl dt{ font-size: 50px; color: #dc3f3b;}
.mt4-box-5 .bd .list li dl dd{ font-size: 16px; color: #dc3f3b; padding-top: 10px;}

.mt4-box-6{ padding: 80px 0; background-color: #f8f8f8;}
.mt4-box-6 .sol-title h1{ font-size: 36px; color:black;}
.mt4-box-6 .sol-title p{ font-size: 20px; color: #444; line-height: 30px; padding-top: 30px;}
.mt4-box-6 .bd{ overflow: hidden;}
.mt4-box-6 .bd li{ float: left; width: 380px; margin-right: 20px; margin-top: 60px;}
.mt4-box-6 .bd li .f-fl a{ display: inline-block;}
.mt4-box-6 .bd li .f-fl a img{ width: 102px; height: 102px; display: block; border: 1px solid #e4e4e4; border-radius: 5px;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.mt4-box-6 .bd li .f-fl a:hover img{ border: 1px solid #e71f19;}
.mt4-box-6 .bd li dl { width: 260px;}
.mt4-box-6 .bd li dl dt{ font-size: 18px; color: #333; padding-top: 13px;}
.mt4-box-6 .bd li dl dd{ font-size: 12px; color: #999; line-height: 25px; padding-top: 10px;}

.mt4-box-7{ padding: 80px 0;}
.mt4-box-7 .sol-title h1{ font-size: 36px; color:black;}
.mt4-box-7 .sol-title p{ font-size: 20px; color: #444; line-height: 30px; padding-top: 30px;}
.mt4-box-7 .bd{ overflow: hidden;}
.mt4-box-7 .bd ul{ width: 110%;}
.mt4-box-7 .bd li{ float: left; width: 290px; padding: 0 45px; min-height: 239px; margin-right: 20px; margin-top: 60px; border: 1px solid #e4e4e4;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}

.mt4-box-7 .bd li:hover{
-webkit-transform:translateY(-10px);
   -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
         transform:translateY(-10px);	
}
.mt4-box-7 .bd li .img{ min-width: 90px; margin-top: 30px;}
.mt4-box-7 .bd li .tt-1{ font-size: 16px; line-height: 25px; padding-top: 20px; color: black;}
.mt4-box-7 .bd li .tt-2{ line-height: 20px; font-size: 14px; padding-top: 10px;}


.ins-crm-banner{ width: 100%; height: 500px; background: url(../images/ins-crm-banner.png) no-repeat center top;  color: white;}
.ins-crm-banner h1{ padding-top: 180px; font-size: 60px; padding-left: 510px;}
.ins-crm-banner h2{ padding-top: 32px; font-size: 36px;}
.crm-box-1{ padding: 80px 0;}
.crm-box-1 .sol-title h1{ font-size: 36px; color:black;}
.crm-box-1 .sol-title p{ font-size: 14px; color: #777; line-height: 25px; padding-top: 20px;}
.crm-box-1 .bd{ overflow: hidden;}
.crm-box-1 .bd ul{width: 110%; padding-top: 75px;}
.crm-box-1 .bd li{ float: left; width: 240px; margin-right: 50px;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.crm-box-1 .bd li:hover{
-webkit-transform:translateY(-10px);
   -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
         transform:translateY(-10px);

}

.crm-box-1 .bd li h1 img{ width: 162px; height: 162px; display: inline-block;}
.crm-box-1 .bd li dl dt{ font-size: 18px; color: #333; padding-top: 38px;}
.crm-box-1 .bd li dl dd{ font-size: 14px; color: #797979; padding-top: 25px; line-height: 25px;}
.crm-box-2{ padding: 80px 0; background-color: #f8f8f8;}
.crm-box-2 .sol-title h1{ font-size: 30px; color:black;}
.crm-box-2 .sol-title p{ font-size: 14px; color: #777; line-height: 25px; padding-top: 20px;}
.crm-box-2 .bd{ padding-top: 70px;}

.crm-box-3{ padding: 80px 0;}
.crm-box-3 .sol-title h1{ font-size: 30px; color:black;}
.crm-box-3 .sol-title p{ font-size: 14px; color: #777; line-height: 25px; padding-top: 20px;}
.crm-box-3 .bd{ overflow: hidden;}
.crm-box-3 .bd ul{width: 110%; padding-top: 70px;}
.crm-box-3 .bd li{ float: left; width: 320px; height: 260px; margin-right: 70px; background: url(../images/crm-bg.jpg) no-repeat;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.crm-box-3 .bd li:hover{
-webkit-transform:translateY(-10px);
   -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
         transform:translateY(-10px);

}
.crm-box-3 .bd li .img{ height: 115px; margin-top: 40px;}
.crm-box-3 .bd li h2{ font-size: 18px; color: black; padding: 20px 0 10px;}
.crm-box-3 .bd li p{ line-height: 20px; font-size: 16px; color: #666;}

.crm-box-4{ padding: 80px 0; background:url(../images/crm-box-4-bg.jpg) no-repeat center bottom #f8f8f8;}
.crm-box-4 .sol-title h1{ font-size: 30px; color:black;}
.crm-box-4 .sol-title p{ font-size: 14px; color: #777; line-height: 25px; padding-top: 20px;}
.crm-box-4 .bd{ width: 100%; padding-top: 50px;}
.crm-box-4 .bd .list-l{ width: 380px;}
.crm-box-4 .bd .list-l li{ padding-top: 52px;}
.crm-box-4 .bd .list-l dl{float: left; width: 283px; }
.crm-box-4 .bd .list-l dl dt{ font-size: 18px; color: #020202; padding-bottom: 15px; position: relative;}
.crm-box-4 .bd .list-l dl dt:after{ content: ''; width: 34px; height: 1px; position: absolute; bottom: 0; right: 0; background-color: #dcdcdc;}
.crm-box-4 .bd .list-l dl dd{ font-size: 13px; color: #666; line-height: 20px; padding-top: 10px;}
.crm-box-4 .bd .list-l li img{ float: right;}
.crm-box-4 .bd .list-r{ width: 380px;}
.crm-box-4 .bd .list-r li{ padding-top: 52px;}
.crm-box-4 .bd .list-r dl{float:right; width: 283px; }
.crm-box-4 .bd .list-r dl dt{ font-size: 18px; color: #020202; padding-bottom: 15px; position: relative;}
.crm-box-4 .bd .list-r dl dt:after{ content: ''; width: 34px; height: 1px; position: absolute; bottom: 0; left: 0; background-color: #dcdcdc;}
.crm-box-4 .bd .list-r dl dd{ font-size: 13px; color: #666; line-height: 20px; padding-top: 10px;}
.crm-box-4 .bd .list-r li img{ float:left;}

.crm-box-5{ padding: 80px 0;}
.crm-box-5 .sol-title h1{ font-size: 30px; color:black;}
.crm-box-5 .sol-title p{ font-size: 14px; color: #777; line-height: 25px; padding-top: 20px;}
.crm-box-5 .bd{ overflow: hidden;}
.crm-box-5 .bd ul{ width: 110%; padding-top: 55px;}
.crm-box-5 .bd li{ float: left; border: 1px solid #f3eae8; width: 280px; height: 165px; margin-right: 20px;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.crm-box-5 .bd li:hover{border: 1px solid #f00;}
.crm-box-5 .bd li h1{ padding-top: 25px; height: 80px;}
.crm-box-5 .bd li p{ font-size: 18px; color: #333; padding-top: 20px;}

.crm-box-6{ padding: 80px 0 50px; background-color: #f8f8f8;}
.crm-box-6 .sol-title h1{ font-size: 30px; color:black;}
.crm-box-6 .sol-title p{ font-size: 18px; color: #4c5055; line-height: 25px; padding-top: 20px;}
.crm-box-6 .bd{ overflow: hidden;}
.crm-box-6 .bd ul{ width: 110%; padding-top: 40px;}
.crm-box-6 .bd li{ float: left;  width: 580px; height: 80px; padding: 30px 0; margin-right: 20px; background-color: white;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.crm-box-6 .bd li:hover{
-webkit-transform:translateY(-10px);
   -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
         transform:translateY(-10px);

}
.crm-box-6 .bd li .img{ padding-left: 70px;}
.crm-box-6 .bd li .dl{ padding-left: 40px;}
.crm-box-6 .bd li dl dt{ font-size: 24px; color: #303030;}
.crm-box-6 .bd li dl dd{ font-size: 14px; color: #303030; padding-top: 15px;}

.crm-box-7{ padding: 80px 0 50px;}
.crm-box-7 .sol-title h1{ font-size: 30px; color:black;}
.crm-box-7 .sol-title p{ font-size: 14px; color: #777; line-height: 25px; padding-top: 30px;}
.crm-box-7 .bd{ overflow: hidden;}
.crm-box-7 .bd ul{ width: 110%; padding-top: 25px;}
.crm-box-7 .bd li{ float: left; border: 1px solid #d6e1e5; margin-top: 25px; width: 360px;padding: 30px 0; margin-right: 50px; background-color: white;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.crm-box-7 .bd li:hover{ border: 1px solid #f00;}
.crm-box-7 .bd li .img{ padding-left: 20px; padding-top: 10px;}
.crm-box-7 .bd li .img img{ width: 52px; height: 52px;}
.crm-box-7 .bd li .dl{ padding-left: 40px; width: 240px;}
.crm-box-7 .bd li .dl dt{ font-size: 16px; color: #333; font-weight: 600;}
.crm-box-7 .bd li .dl dd{ font-size: 12px; color: #7b7b7b; padding-top: 10px; line-height: 20px;}