@charset "utf-8";
/* CSS Document */

img{ display:block; }

/*--common--*/
.lr_auto{ width: 1190px; margin: 0 auto;}
.lr_auto02{ margin: 0 auto;}
.width77{ width:14.28%; }
.width88{ width:12.5%; }
.fl{ float: left;}
.fr{ float: right; }



/*--banner--*/
.banner{ position:relative; overflow:hidden; width:100%; height: 600px; /* display: none; */}
.banner img{position:absolute; left:50%; margin-left:-960px;}

/* 公共标题 */
.motor_title { margin-bottom: 30px; text-align: center;  }
.motor_title h2{ font-size: 36px; color: #333; margin-bottom: 10px; font-weight: bold;}
.motor_title p{ font-size: 24px; color: #999; text-transform: uppercase;}

/* 平台介绍 */
.motor_introduce{ background: #fff; padding-top: 60px; padding-bottom: 50px;}
.motor_introduce_content{ width: 100%; overflow: hidden;}
.motor_introduce_content p{ font-size: 18px; line-height: 34px; color: #333; text-align: center;}
.motor_introduce_content img{ margin-top: 40px; width: 100%;height: auto;}

/* 平台功能 */
.motor_product{ padding-top: 60px; background: url(../images/energy_platform/energy_product_bg.png) no-repeat; background-position: 50%; background-size: cover; 
height: 530px; background-color: #f6f7fa;}

.motor_product_content{ width: 100%; overflow: hidden;display: flex;}
.motor_product_ul{ width: 100%; overflow: hidden; margin-top: 10px;}
.motor_product_ul li{ width: 45%; float: left; text-align: left; margin-right: 110px; margin-bottom: 35px;}
.motor_product_ul li:nth-child(2n) { margin-right: 0;}
.motor_product_ul li .motor_product_img{ float: left; width: 70px; height: 70px; margin-top: 10px;} 
.motor_product_ul li img{ width: 100%; vertical-align: middle;} 

.motor_product_ul li .motor_product_text{ float: left; width: 70%; margin-left: 20px; margin-top: 18px;}
.motor_product_ul li .motor_product_text h2{ font-size: 18px; color: #333; line-height: 30px; font-weight: 500; margin-bottom: 5px; display: flex;}
.motor_product_ul li .motor_product_text p{ font-size: 14px; color: #666; line-height: 26px; height: 52px; overflow: hidden;}

.motor_product_middle{ width: 560px; height: 400px; margin-top: 10px;} 
.motor_product_middle img{ transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.motor_product_middle:hover img{ /*css3 位置*/
transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px);
-ms-transform: translate(0, -10px);}

/* 实现价值 */
.motor_value{ padding-top: 60px; background: #fff;}
.motor_value_content{ width: 100%; overflow: hidden;display: flex;}

.motor_value_ul{ width: 50%; overflow: hidden; margin-top: 20px;}
.motor_value_ul li{ width: 100%; float: left; text-align: left; margin-bottom: 60px;}
.motor_value_ul li img{ width: auto; height: 60px; vertical-align: middle;} 
.motor_value_ul li h2{ font-size: 20px; color: #333; line-height: 30px; font-weight: 600; margin-top: 10px; margin-bottom: 12px; padding-left: 3px;}
.motor_value_ul li p{ font-size: 18px; color: #333; line-height: 30px; padding-left: 3px;}

.motor_value_middle{ width: 460px; height: 400px;} 
.motor_value_middle img{ transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.motor_value_middle:hover img{ /*css3 位置*/
transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px);
-ms-transform: translate(0, -10px);}

/*--行业应用--*/
.motor_case{ padding-top: 60px; padding-bottom: 40px; background: #f6f7fa;}
.motor_case_ul_content{ width: 100%; overflow: hidden;}

.motor_case_ul { overflow: hidden; padding-top: 10px;}
.motor_case_ul li{ float:left; width:375px; margin-right:28px; background-color:#fff; border:solid 1px #e8e8e8; margin-bottom:20px;box-shadow:0px 0px 0px 0px #fff;
transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.motor_case_ul li:nth-child(3n) { margin-right: 0;}

.motor_case_ul li a { width: 100%;cursor: pointer;}
.motor_case_ul li a img { width: 100%; height: 100%;}
.motor_case_ul li a h3{ color:#333; font-size:16px; line-height:50px; text-align:center;}

.motor_case_ul li:hover{/*css3 投影*/
box-shadow:0px 2px 11px 0px #ccc; -moz-box-shadow:0px 2px 11px 0px #ccc; -webkit-box-shadow:0px 2px 11px 0px #ccc;
/*css3 位置*/
transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px);
-ms-transform: translate(0, -10px);}



/*--bottom_ad--*/
.bottom_ad{ background: #0967ff url(../images/sales_management/i_register_border.png) no-repeat center bottom; padding: 24px 0 12px; }
.bottom_ad h3{ font-size: 22px; line-height: 36px; color: #fff; text-align: center; }
.bottom_ad a{ display: block; width: 100px; height: 30px; margin: 15px auto; font-size: 12px; line-height: 30px; color: #fff; text-align: center; border: 1px solid #fff; 
border-radius:100px; }
.bottom_ad a:hover{ background-color: #fff; color:#0967ff; }