@charset "utf-8";
html,body{ margin: 0; padding: 0; font-family: "微软雅黑";}
img{ border: none;}
ul,li{ list-style: none;}
a{ outline: none;}
/* top */
.banner{ display: block; width: 1200px; height: auto; margin: 10px auto 0; overflow: hidden;}
.banner img{ display: block; width: 100%; height: auto;}
.main1{ width: 1200px; margin: 0 auto; height: auto; overflow: hidden;}
.main1 a{ display: inline-block; padding: 0 20px; background-color: #ee3134; height: 36px; line-height: 36px; text-align: center; color: #fff; font-size: 13px; overflow: hidden; margin: 20px 0; text-decoration: none;}
.main1 p{ color: #333; overflow: hidden; font-size: 13px; margin: 0; height: auto; line-height: 26px;}
/* 2 */
.main2{ background-color: #ebf2fa; overflow: hidden; height: auto; width: 1160px; padding: 20px; margin: 20px auto 0;}
.main2 .main2_left{ float: left; width: 1160px; height: auto; overflow: hidden;}
.main2 .main2_left div{ font-size: 22px; height: 30px; line-height: 30px; width: 1160px; color: #333; overflow: hidden;}
.main2 .main2_left span{ font-size: 13px; height: 25px; display: block; margin-top: 10px; line-height: 25px; font-weight: bold; width: 1160px; color: #333; overflow: hidden;}
.main2 .main2_left p{ font-size: 13px; height: auto; margin: 20px 0 0; line-height: 24px; width: 1160px; color: #333; overflow: hidden;}
.main2 .main2_left a{ font-size: 13px; height: 36px; display: inline-block; text-decoration: none; margin-top: 20px; padding: 0 20px; background-color: #ee3134; line-height: 36px; color: #fff; overflow: hidden;}
.main2 .main2_rig{ float: right; width: 200px; overflow: hidden;}
.main2 .main2_rig img{ width: 100%; display: block;}
/* 3 */
.main3{ background-color: #f3f3f3; overflow: hidden; height: auto; width: 1200px; padding-top: 20px; margin: 20px auto 0;}
.main3 .main3_tit{ width: 1160px; padding: 0 20px; overflow: hidden; height: 30px; line-height: 30px; text-align: center; color: #333; font-size: 22px; font-weight: bold;}
.main3 .main3_box{ width: 1160px; padding: 0 20px 20px; overflow: hidden; height: auto;}
.main3_box .main3_box_tit{ float: left; height: 46px; line-height: 46px; font-size: 18px; text-shadow: 0 0 3px rgba(0,0,0,.5); font-weight: bold; color: #fff; padding: 0 30px; overflow: hidden; background-size: 99% 50%; background-repeat: no-repeat;
background: -webkit-linear-gradient( 20deg, #fff, #00ea9b);
background: -moz-linear-gradient( 20deg, #fff, #00ea9b);
background: -ms-linear-gradient( 20deg, #fff, #00ea9b);
background: -o-linear-gradient( 20deg, #fff, #00ea9b);
background: linear-gradient( 20deg, #fff, #00ea9b);
}
.main3_box .main3_box_1{ background-color: #fff; width: 1130px; height: auto; padding: 15px; overflow: hidden; box-shadow: 0 0 3px #ccc;}
.main3_box_1 .main3_box_cont{ float: left; height: 180px; width: 350px; background: url(batteries-bg.png) right bottom no-repeat #e7eef4; margin: 0 3px; padding: 10px; overflow: hidden;}
.main3_box_1 .main3_box_cont div{ width: 350px; overflow: hidden; height: 25px; line-height: 25px; margin-bottom: 10px; font-size: 16px; color: #333; font-weight: bold;}
.main3_box_1 .main3_box_cont ul{ margin: 0; padding: 0; width: 350px; height: 145px; overflow: hidden;}
.main3_box_1 .main3_box_cont ul li{ width: 350px; height: 25px; line-height: 25px; color: #333; font-size: 13px; overflow: hidden;}
.main3_box_1 .main3_box_cont ul li span{ font-size: 18px; margin: 0 10px; font-weight: bold;}
.main3 .main3_bot{ width: 1160px; padding: 0 20px 20px; overflow: hidden; height: auto;}
.main3_bot .main3_b_cont{ float: left; height: auto; width: 575px;}
.main3_b_cont .main3_b_tit{ float: left; height: 46px; line-height: 46px; font-size: 18px; text-shadow: 0 0 3px rgba(0,0,0,.5); font-weight: bold; color: #fff; padding: 0 30px; overflow: hidden; background-size: 99% 50%; background-repeat: no-repeat;
background: -webkit-linear-gradient( 20deg, #fff, #00ea9b);
background: -moz-linear-gradient( 20deg, #fff, #00ea9b);
background: -ms-linear-gradient( 20deg, #fff, #00ea9b);
background: -o-linear-gradient( 20deg, #fff, #00ea9b);
background: linear-gradient( 20deg, #fff, #00ea9b);
}
.main3_b_cont .main3_b_txt{ width: 545px; padding: 15px; overflow: hidden; height: auto; background-color: #fff; box-shadow: 0 0 3px #ccc;}
.main3_b_txt .main3_b_txt-z{ width: 525px; height: 150px; padding: 10px; overflow: hidden; background: url(batteries-bg.png) right bottom no-repeat #e7eef4;}
.main3_b_txt .main3_b_txt-z div{ width: 525px; overflow: hidden; height: 25px; line-height: 25px; margin-bottom: 10px; font-size: 16px; color: #333; font-weight: bold;}
.main3_b_txt .main3_b_txt-z ul{ margin: 0; padding: 0; width: 525px; height: 115px; overflow: hidden;}
.main3_b_txt .main3_b_txt-z ul li{ width: 525px; height: 25px; line-height: 25px; color: #333; font-size: 13px; overflow: hidden;}
.main3_b_txt .main3_b_txt-z ul li span{ font-size: 18px; margin: 0 10px; font-weight: bold;}
.main3_dibu{ width: 1200px; overflow: hidden; height: auto; margin: 0 auto;}
.main3_fot{ overflow: hidden; border-left: 600px solid transparent; border-right: 600px solid transparent; border-top: 37px solid #f3f3f3;}
/* 4 */
.main4{ overflow: hidden; height: auto; width: 1200px; margin: 20px auto 0;}
.main4 .main4_qh{ width: 1200px; height: 43px; overflow: hidden;}
.main4 .main4_qh div{ float: left; width: 390px; text-align: center; text-shadow: 0 0 3px rgba(0,0,0,.5); font-size: 16px; height: 43px; font-weight: bold; color: #fff; line-height: 43px; cursor: pointer; overflow: hidden;
background: -webkit-linear-gradient( 20deg, #fff, #00ea9b);
background: -moz-linear-gradient( 20deg, #fff, #00ea9b);
background: -ms-linear-gradient( 20deg, #fff, #00ea9b);
background: -o-linear-gradient( 20deg, #fff, #00ea9b);
background: linear-gradient( 20deg, #fff, #00ea9b);
}
.main4 .main4_qh div img{ width: 25px; vertical-align: top; margin: 9px 0 0 10px;}
.main4 .main4_qh div:hover{
	background: -webkit-linear-gradient(to bottom, #2dff2a, #dbf613) !important;
	background: -moz-linear-gradient(to bottom, #2dff2a, #dbf613) !important;
	background: -ms-linear-gradient(to bottom, #2dff2a, #dbf613) !important;
	background: -o-linear-gradient(to bottom, #2dff2a, #dbf613) !important;
	background: linear-gradient(to bottom, #2dff2a, #dbf613) !important;
}
.main4 .main4_box{ display: none; width: 1200px; height: auto; margin-top: 10px; overflow: hidden;}
.main4_box .main4_box_ul{ width: 1200px; height: auto; overflow: hidden;}
.main4_box_ul .main4_box_li{ width: 1178px; font-size: 14px; color: #333; font-weight: bold; cursor: pointer; height: 40px; line-height: 40px; margin-bottom: 4px; padding: 0 10px; overflow: hidden; background-color: #f3f3f3; border: 1px solid #dcdcdc;}
.main4_box_ul .main4_box_li:hover{ color: #1e8ae7;}
.main4_box_ul .main4_box_li img{ vertical-align: top; width: 12px; margin: 14px 8px 0 0;}
.main4_box_ul .main4_cont{ display: none; width: 1200px; overflow: hidden; height: auto; margin: 10px 0;}
.main4_cont .main4_cont_left{ float: left; width: 610px; height: auto; overflow: hidden;}
.main4_cont .main4_cont_left div{ border-radius: 50px; margin-top: 20px; width: 140px; font-weight: bold; font-size: 16px; color: #333; height: 40px; text-align: center; line-height: 40px; overflow: hidden; background-color: #d1e4f3;}
.main4_cont .main4_cont_left ul{ margin: 10px 0 0; overflow: hidden; padding: 0; width: 610px; height: auto;}
.main4_cont .main4_cont_left ul li{ width: 610px; overflow: hidden; height: 25px; line-height: 25px; color: #333; font-size: 13px;}
.main4_cont .main4_cont_left ul li span{ font-size: 18px; margin: 0 10px; font-weight: bold;}
.main4_cont .main4_cont_rig{ float: right; width: 550px; height: auto; overflow: hidden;}
.main4_cont .main4_cont_rig img{ display: block; width: 100%; height: auto; margin-bottom: 10px;}
.main4_cont .main4_cont_rig div{ margin-bottom: 10px; overflow: hidden; width: 100%; height: auto; font-size: 12px; color: #333;}
.main4_box .main4_cont2{ display: none; width: 1200px; overflow: hidden; height: auto; margin: 10px 0;}
.main4_cont2 div{ border-radius: 50px; margin-top: 20px; width: 140px; font-weight: bold; font-size: 16px; color: #333; height: 40px; text-align: center; line-height: 40px; overflow: hidden; background-color: #d1e4f3;}
.main4_cont2 ul{ margin: 10px 0 0; overflow: hidden; padding: 0; width: 1200px; height: auto;}
.main4_cont2 ul li{ width: 610px; overflow: hidden; height: 25px; line-height: 25px; color: #333; font-size: 13px;}
.main4_cont2 ul li span{ font-size: 18px; margin: 0 10px; font-weight: bold;}
.main4_cont2 img{ max-width: 100%; height: auto; margin-top: 20px;}
.main4 .main4_more{ border: 1px solid #c8c8c8; color: #1e8ae7; overflow: hidden; width: 150px; font-size: 13px; font-weight: bold; height: 40px; line-height: 40px; margin: 20px auto; display: block; text-align: center; text-decoration: none;}
/* 解决方案下载 */
.jjfa{ width: 1160px; height: auto; margin-top: 20px; padding: 20px; background-color: #f3f3f3; overflow: hidden;}
.jjfa .jjfa_tit{ width: 1160px; height: 30px; line-height: 30px; font-size: 22px; color: #333; overflow: hidden;}
.jjfa ul{ padding: 0 0 0 30px; margin: 0; width: 1130px; overflow: hidden; height: auto;}
.jjfa ul li{ width: 1130px; overflow: hidden; height: 28px; margin-top: 6px; line-height: 28px;}
.jjfa ul li a{ text-decoration: none; display: block; color: #333; font-size: 13px; overflow: hidden;}
/* 抽奖 */
.choujiang{ width: 1160px; margin: 0 auto 20px; overflow: hidden; padding: 40px 20px 10px; height: auto; border-radius: 8px;
	background: -webkit-linear-gradient(to bottom, #0077ec, #0154a6);
	background: -moz-linear-gradient(to bottom, #0077ec, #0154a6);
	background: -ms-linear-gradient(to bottom, #0077ec, #0154a6);
	background: -o-linear-gradient(to bottom, #0077ec, #0154a6);
	background: linear-gradient(to bottom, #0077ec, #0154a6);
}
.choujiang .choujiang_tit{ width: 1160px; height: 40px; line-height: 37px; text-align: center; font-size: 30px; font-weight: bold; color: #fff; overflow: hidden;}
.choujiang .choujiang_tit img{ vertical-align: top; height: 30px; margin: 5px 20px 0;}
.choujiang .choujiang_box{ width: 860px; overflow: hidden; margin: 10px auto 0; height: auto; padding: 30px;}
.choujiang_box .choujiang_cj{ float: left; cursor: pointer; height: 370px; overflow: hidden; border-radius: 8px; box-shadow: 0 10px 20px rgba(0,27,76,0.3);}
.choujiang_box .choujiang_cj img{ height: 370px; display: block;}
.choujiang_box .choujiang_md{ float: right; width: 300px; border-radius: 8px; background-color: #fff; height: 370px; overflow: hidden;}
.choujiang_md .cj_md_tit{ width: 300px; height: 50px; text-align: center; line-height: 50px; text-shadow: 0 3px 6px rgba(0,0,0,0.1); color: #fff; font-size: 20px; font-weight: bold; overflow: hidden; background: url(tit_bg.png) 0/100% no-repeat;}
.choujiang_md .cj_js_gd{ width: 260px; height: 220px; margin-top: 20px; padding: 0 20px 0; overflow: hidden;}
.choujiang_md ul{ margin: 0; padding: 0; width: 260px; height: auto; overflow: hidden;}
.choujiang_md ul li{ background-color: #0154a6; width: 240px; color: #fff; font-size: 14px; height: 40px; line-height: 40px; margin-bottom: 5px; padding: 0 10px;}
.choujiang_md ul li span{ color: #ffe25a;}
.choujiang_md .cj_md_sub{ overflow: hidden; cursor: pointer; width: 260px; margin: 10px auto 0; background: url(linebg1.jpg) 0 repeat-x; color: #fff; font-size: 15px; border-radius: 4px; text-align: center; height: 40px; line-height: 40px;}
/* 提示框 */
.tisk_box{ width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: fixed; top: 0; left: 0; z-index: 99; display: none; justify-content: center; align-items: center;}
.tisk{ width: 300px; height: auto; padding: 20px 50px; background-color: #fff; overflow: hidden; border-radius: 10px;}
.tisk .tisk_1{ width: 100%; height: 30px; overflow: hidden; text-align: center; line-height: 30px; font-size: 20px; color: #333;}
.tisk .tisk_2{ width: 100%; height: auto; overflow: hidden; text-align: center; line-height: 30px; font-size: 16px; margin-top: 0.5rem; color: red;}
.tisk span{ width: 100%; height: 1px; overflow: hidden; background-color: #d3d3d3; display: block; margin-top: 15px;}
.tisk p{ width: 100%; height: 30px; overflow: hidden; cursor: pointer; text-align: center; line-height: 30px; color: #578bff; margin: 15px 0 0; font-size: 20px;}
/* 方案下载 */
.faxz{ width: 1200px; overflow: hidden; margin: 10px auto 0; height: auto;}
.faxz .faxz_tit{ width: 1200px; overflow: hidden; height: auto; line-height: 40px; margin-top: 20px; color: #333; font-size: 28px;}
.faxz .faxz_box{ width: 1200px; height: auto; overflow: hidden; margin-top: 20px;}
.faxz_box .faxz_box_left{ float: left; width: 1200px; height: auto; overflow: hidden;}
.faxz_box_left div{ width: 1200px; overflow: hidden; height: auto; line-height: 24px; font-weight: bold; font-size: 16px; color: #333;}
.faxz_box_left span{ display: block; width: 1200px; margin-top: 10px; overflow: hidden; height: auto; line-height: 24px; font-weight: bold; font-size: 16px; color: #333;}
.faxz_box_left p{ width: 1200px; margin: 10px 0 0; overflow: hidden; height: auto; line-height: 26px; font-size: 16px; color: #333;}
.faxz_box_left a{ display: inline-block; padding: 0 20px; background-color: #ee3134; margin-top: 20px; color: #fff; font-size: 13px; height: 36px; line-height: 36px; text-decoration: none; overflow: hidden;}
.faxz_box .faxz_box_rig{ float: right; width: 420px; height: 290px; text-align: center; overflow: hidden;}
.faxz_box .faxz_box_rig img{ max-width: 100%; max-height: 100%;}
/* 问卷 */
.wenj{ width: 1160px; overflow: hidden; margin: 40px auto 0; padding: 20px; height: auto; background-color: #f3f3f3;}
.wenj .wenj_txt{ float: left; width: 800px; height: auto; line-height: 28px; overflow: hidden; font-size: 16px; color: #333;}
.wenj .wenj_txt span{ color: #ee3134; font-weight: bold;}
.wenj .wenj_img{ float: right; width: 310px; text-align: center; height: auto; overflow: hidden;}
.wenj .wenj_img img{ max-width: 100%;}
/* 表单 */
.form{ width: 1200px; overflow: hidden; margin: 30px auto 0; height: auto;}
.form .form1{ width: 1200px; overflow: hidden; height: auto;}
.form1 .form1_left{ float: left; height: auto; overflow: hidden; width:600px;}
.form1_left .form1_left_inp{ width: 420px; height: 55px; overflow: hidden; margin-bottom: 20px;}
.form1_left .form1_left_inp p{ width: 420px; overflow: hidden; height: 20px; line-height: 20px; font-size: 13px; color: #333; font-weight: bold; margin: 0 0 5px;}
.form1_left .form1_left_inp p span{ color: #ee3134;}
.form1_left .form1_left_inp input{ width: 398px; border: 1px solid #ccc; color: #333; font-size: 13px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); padding: 0 10px; outline: none; height: 28px; line-height: 28px; overflow: hidden;}
.form1_left .form1_left_yzm{ width: 420px; height: 55px; overflow: hidden; margin-bottom: 20px;}
.form1_left .form1_left_yzm p{ width: 420px; overflow: hidden; height: 20px; line-height: 20px; font-size: 13px; color: #333; font-weight: bold; margin: 0 0 5px;}
.form1_left .form1_left_yzm p span{ color: #ee3134;}
.form1_left .form1_left_yzm div{ width: 420px; height: 30px; overflow: hidden;}
.form1_left .form1_left_yzm div input{ float: left; height: 28px; color: #333; font-size: 13px; padding: 0 10px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); outline: none; line-height: 28px; overflow: hidden; border: 1px solid #ccc;}
.form1_left .form1_left_yzm div button{ width: 100px; float: left; cursor: pointer; background-color: #ee3134; height: 30px; line-height: 30px; font-size: 13px; color: #fff; overflow: hidden; border: none;}
.form .form2{ width: 1200px; overflow: hidden; margin-top: 30px; height: auto;}
.form2 .form2_left{ float: left; height: auto; overflow: hidden; width:600px;}
.form2 .form2_left p{ width: 420px; margin: 0 0 10px; overflow: hidden; height: 20px; line-height: 20px; color: #333; font-size: 13px; font-weight: bold;}
.form2 .form2_left p span{ color: #ee3134;}
.form2 .form2_left div{ width: 420px; height: 25px; line-height: 25px; font-size: 13px; color: #666; overflow: hidden;}
.form2 .form2_left div input{ vertical-align: top; margin: 7px 10px 0 0;}
.form2 .form2_left textarea{ width: 398px; height: 50px; margin-top: 10px; outline: none; font-size: 13px; color: #333; padding: 10px; overflow: hidden; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);}
.form .form3{ width: 1200px; overflow: hidden; margin-top: 30px; height: auto;}
.form3 .form3_left{ float: left; height: auto; overflow: hidden; width:600px;}
.form3 .form3_left p{ width: 420px; margin: 0 0 10px; overflow: hidden; height: 20px; line-height: 20px; color: #333; font-size: 13px; font-weight: bold;}
.form3 .form3_left p span{ color: #ee3134;}
.form3 .form3_left div{ width: 420px; height: 25px; line-height: 25px; font-size: 13px; color: #666; overflow: hidden;}
.form3 .form3_left div input{ vertical-align: top; margin: 7px 10px 0 0;}
.form3 .form3_left textarea{ width: 398px; height: 50px; margin-top: 10px; outline: none; font-size: 13px; color: #333; padding: 10px; overflow: hidden; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);}
.form .form_xy{ width: 1200px; height: 25px; margin-top: 20px; clear: both; font-size: 15px; color: #666; line-height: 25px; overflow: hidden;}
.form .form_xy input{ vertical-align: top; margin: 6px 10px 0 0;}
.form .form_xy span{ color: #ee3134; font-weight: bold;}
.form .form_sub{ display: block; background-color: #ee3134; cursor: pointer; overflow: hidden; margin: 40px auto; width: 190px; height: 40px; padding: 0; font-size: 14px; font-weight: bold; border: none; color: #fff;}