﻿.electricity_banner{width: 100%; height: 399px; background: url(img/banner.jpg) no-repeat center center;}

.electricity_title{text-align: center;}
.electricity_title h2{font-size: 30px; color: #36393d; padding: 20px 0;}
.electricity_title h2 strong{color: #ff0000;}
.electricity_title h2 span{font-size: 36px;}
.electricity_title p{font-size: 14px; color: #36393d;}

.electricity_box1{height: 375px; margin-top: 30px; background: url(img/electricity_bg1.jpg) no-repeat center center; position: relative;}
.electricity_box1 span{display: block; position: absolute; top: 182px;}
.electricity_box1 span p{font-size: 14px; color: #fff; line-height: 26px;} 
.electricity_box1 span.s1{left: 265px;}
.electricity_box1 span.s2{left: 435px;}
.electricity_box1 span.s3{left: 595px;}
.electricity_box1 span.s4{left: 760px;}
.electricity_box1 span.s5{left: 925px;}
.electricity_box1 span.s6{left: 1085px;}

.electricity_box2{height: 375px; margin-top: 30px; background: url(img/electricity_bg2.jpg) no-repeat center center; position: relative;}
.electricity_box2 span{display: block; position: absolute; }
.electricity_box2 span p{font-size: 14px; color: #fff; line-height: 24px;}
.electricity_box2 span.s1{left: 265px; top: 176px;}
.electricity_box2 span.s2{left: 435px; top: 183px;}
.electricity_box2 span.s3{left: 595px; top: 182px;}
.electricity_box2 span.s4{left: 775px; top: 178px;}
.electricity_box2 span.s5{left: 925px; top: 178px;}
.electricity_box2 span.s6{left: 1085px; top: 182px;}
.electricity_box2 span.s6 p{line-height: 25px;]}

.electricity_box3{height: 218px; margin-top: 30px; background: url(img/electricity_bg3.jpg) no-repeat center center; position: relative;}
.electricity_box3 p{font-size: 13px; color: #fff; position: absolute;}
.electricity_box3 p.p1{left: 310px; top: 83px;}
.electricity_box3 p.p2{left: 484px; top: 83px;}
.electricity_box3 p.p3{left: 660px; top: 83px;}
.electricity_box3 p.p4{left: 832px; top: 83px;}
.electricity_box3 p.p5{left: 1007px; top: 83px;}
.electricity_box3 p.p6{left: 310px; top: 148px;}
.electricity_box3 p.p7{left: 489px; top: 148px;}
.electricity_box3 p.p8{left: 660px; top: 148px;}
.electricity_box3 p.p9{left: 828px; top: 148px;}

.electricity_box4{height: 218px; margin-top: 30px; background: url(img/electricity_bg4.jpg) no-repeat center center; position: relative;}
.electricity_box4 p{font-size: 13px; color: #fff; position: absolute;}
.electricity_box4 p.p1{left: 327px; top: 83px;}
.electricity_box4 p.p2{left: 502px; top: 83px;}
.electricity_box4 p.p3{left: 677px; top: 83px;}
.electricity_box4 p.p4{left: 847px; top: 83px;}
.electricity_box4 p.p5{left: 1027px; top: 83px;}
.electricity_box4 p.p6{left: 310px; top: 148px;}
.electricity_box4 p.p7{left: 489px; top: 148px;}
.electricity_box4 p.p8{left: 667px; top: 148px;}
.electricity_box4 p.p9{left: 828px; top: 148px;}


.electricity_type{background: #fafafa; padding: 50px 0; margin-top: 50px;}
.electricity_type_box{padding-top: 70px;}
.electricity_type_list{width: 24.8%; height: 440px; border:1px solid #e7e7e7; text-align: center;}
.electricity_type_list.chose{background: #fff;}
.electricity_type_list h3{font-size: 20px; color: #36393d; padding: 60px 0 50px 0;}
.electricity_type_list p{font-size: 14px; color: #656565; line-height: 1.4; padding: 30px 0 30px 0;}
.electricity_type_list a{display: inline-block; width: 140px; height: 40px; text-align: center; line-height: 40px; border:1px solid #1398fd; color: #1398fd; font-size: 14px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.electricity_type_list a.chose{text-decoration: none; background: #1398fd; color: #fff;}

.electricity_view{padding: 50px 0;}
.tab_btn_box{width: 100%; text-align: center; padding: 30px 0 0 0;}
.tab_btn_box p{display: inline-block; width: 120px; height: 30px; margin: 0 10px; cursor: pointer; text-align: center; line-height: 30px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; font-size: 14px; background: #f4f4f7; color: #36393d;}
.tab_btn_box p.chose{background: #1398fd; color: #fff;}
.tab_content_box{height: 250px; margin-top: 30px; position: relative;}
.tab_content_list{height: 100%; position: absolute; left: 0; top: 0;  margin-right: -12px; display: none;}
.tab_content_list .page_show{width: 290px;  margin-right: 12px;}
.tab_content_list .page_show .pic{width: 288px; border:1px solid #e7e7e7; height: 198px; position: relative;}
.tab_content_list .page_show .pic a{display: block; width: 288px; height: 198px; background: url(img/board1.png); background-size: 100%; position: absolute; left: 0; top: 0; display: none; }
.tab_content_list .page_show .pic img{width: 100%; height: 100%;}
.tab_content_list .page_show p{text-align: center; line-height: 40px; color: #36393d; font-size: 14px;}

.contact_box1{height: 70px; background: #36393d;}
.contact_box1 .i_build{font-size: 18px; color: #1398fd; font-weight: 900; line-height: 70px; margin-left: 100px;}
.contact_box1 label{display: block; margin:10px 0 0 50px;}
.contact_box1 label input[type="text"]{width: 292px; height: 50px; line-height: 50px; text-align: center; background: #fff; border:none; font-size: 14px; color: #666;}
.contact_box1 label input[type="submit"]{width: 85px; height: 50px; border:none; background: #1398fd; color: #fff; font-family: "????????????";}
.contact_box1 .phone{margin: 25px 0 0 30px; padding-left: 25px; background: url(img/phone_btn1.png) no-repeat left center; font-size: 18px; color: #0072dc; font-weight: 900;}
.contact_box1 a{display: block; margin: 20px 20px 0 30px;}

.good_electricity{padding: 50px 0; background: #fafafa;}
.good_electricity_box{padding-top: 50px;}
.good_electricity_list{width: 300px; height: 83px; background: #1398fd; text-align: center;}
.good_electricity_list p{display: inline-block; padding: 5px 0 5px 40px; background: url(img/ico1.png) no-repeat left center; font-size: 18px; color:  #fff; text-align: left;}
.good_electricity_list.g2{background: url(img/good_pic1.jpg); background-size: 100%;}
.good_electricity_list.g4{background: url(img/good_pic2.jpg); background-size: 100%;}
.good_electricity_list.g5{background: url(img/good_pic3.jpg); background-size: 100%;}
.good_electricity_list.g7{background: url(img/good_pic4.jpg); background-size: 100%;}
.good_electricity_list.g9{background: url(img/good_pic5.jpg); background-size: 100%;}
.good_electricity_list.g11{background: url(img/good_pic6.jpg); background-size: 100%;}

.publish_way{padding: 50px 0;}
.publish_way_list{width: 150px; margin-top: 30px;}
.publish_way_list .pic{width: 60px; height: 60px; background: url(img/buy_bg.png); margin: 0 auto; position: relative; overflow: hidden;}
.publish_way_list .pic.chose{background: url(img/buy_bg1.png);}
.publish_way_list p{text-align: center; font-size: 14px; color: #36393d; padding-top: 10px;}
.publish_way_list p.chose{color: #1398fd;}
.publish_way_list .pic span{display: block; width: 60px; height: 120px; position: absolute; left: 0; top: 0px;}
.publish_way_list .pic span.chose{top: -60px;}
.publish_way_list .pic span.s1{background: url(img/buy_ico1.png);}
.publish_way_list .pic span.s2{background: url(img/buy_ico2.png);}
.publish_way_list .pic span.s3{background: url(img/buy_ico3.png);}
.publish_way_list .pic span.s4{background: url(img/buy_ico4.png);}
.publish_way_list .pic span.s5{background: url(img/buy_ico5.png);}
.publish_way_list .pic span.s6{background: url(img/buy_ico6.png);}
.publish_way_list .pic span.s7{background: url(img/buy_ico7.png);}
.publish_way_list .pic span.s8{background: url(img/buy_ico8.png);}
.publish_way_list .pic span.s9{background: url(img/buy_ico9.png);}
.publish_way_list .pic span.s10{background: url(img/buy_ico10.png);}
.publish_way_list .pic span.s11{background: url(img/buy_ico11.png);}
.publish_way_list .pic span.s12{background: url(img/buy_ico12.png);}
.publish_way_list .pic span.s13{background: url(img/buy_ico13.png);}
.publish_way_list .pic span.s14{background: url(img/buy_ico14.png);}
.publish_way_list .pic span.s15{background: url(img/buy_ico15.png);}
.publish_way_list .pic span.s16{background: url(img/buy_ico16.png);}

.sell_way{padding: 50px 0; background: #fafafa;}
.sell_way_box{padding-top: 40px;}
.sell_way_list{width: 200px;}
.sell_way_list .pic{width: 72px; height: 72px; background: url(img/sell_bg.png); position: relative; overflow: hidden;}
.sell_way_list .pic.chose{background: url(img/sell_bg1.png);}
.sell_way_list p{font-size: 14px; color: #36393d; padding-left: 10px; line-height: 72px;}
.sell_way_list p.chose{color: #1398fd;}
.sell_way_list .pic span{display: block; width: 72px; height: 144px; position: absolute; left: 0; top: 0;}
.sell_way_list .pic span.chose{top: -72px;}
.sell_way_list .pic span.s1{background: url(img/sell_ico1.png);}
.sell_way_list .pic span.s2{background: url(img/sell_ico2.png);}
.sell_way_list .pic span.s3{background: url(img/sell_ico3.png);}
.sell_way_list .pic span.s4{background: url(img/sell_ico4.png);}
.sell_way_list .pic span.s5{background: url(img/sell_ico5.png);}
.sell_way_list .pic span.s6{background: url(img/sell_ico6.png);}

.mym_web{padding: 50px 0;}
.mym_web_box{padding-top: 40px;}
.mym_web_list{width: 19.5%; text-align: center; border-right: 1px dashed #e7e7e7;}
.mym_web_list h3{font-size: 18px; color: #252525; padding: 10px 0 30px 0;}
.mym_web_list h3.chose{color: #1398fd;}
.mym_web_list p{font-size: 12px; color: #656565; padding: 0 20px; line-height: 1.6;}

.contact_box2{height: 95px; background: #fafafa;}
.contact_box2 .i_build{font-size: 18px; color: #1398fd; font-weight: 900; line-height: 70px; margin-left: 100px;}
.contact_box2 label{display: block; margin:10px 0 0 50px;}
.contact_box2 label input[type="text"]{width: 292px; height: 50px; line-height: 50px; text-align: center; background: #fff; border:none; font-size: 14px; color: #666;}
.contact_box2 label input[type="submit"]{width: 85px; height: 50px; border:none; background: #1398fd; color: #fff; font-family: "????????????";}
.contact_box2 .phone{margin: 40px 0 0 30px; padding-left: 25px; background: url(img/phone_btn2.png) no-repeat left center; font-size: 18px; color: #3bbae9; font-weight: 900;}
.contact_box2 a{display: block; margin: 35px 20px 0 30px;}
.contact_box2 a.big{margin: 23px 20px 0 200px;}

.business_type{padding: 50px 0;}
.business_type_box{padding-top: 40px;}
.business_type_list{width: 163px; height: 48px; margin: 3px; border:1px solid #dfe2e7; background: #f4f4f7; text-align: center;}
.business_type_list.chose{background: #1398fd;}
.business_type_list p{display: inline-block; padding-left: 45px; line-height: 48px; font-size: 14px; color: #272636; text-align: left;}
.business_type_list p.p1{background: url(img/business_ico1.png) no-repeat left center;}
.business_type_list p.p2{background: url(img/business_ico2.png) no-repeat left center;}
.business_type_list p.p3{background: url(img/business_ico3.png) no-repeat left center;}
.business_type_list p.p4{background: url(img/business_ico4.png) no-repeat left center;}
.business_type_list p.p5{background: url(img/business_ico5.png) no-repeat left center;}
.business_type_list p.p6{background: url(img/business_ico6.png) no-repeat left center;}
.business_type_list p.p7{background: url(img/business_ico7.png) no-repeat left center;}
.business_type_list p.p8{background: url(img/business_ico8.png) no-repeat left center;}
.business_type_list p.p9{background: url(img/business_ico9.png) no-repeat left center;}
.business_type_list p.p10{background: url(img/business_ico10.png) no-repeat left center;}
.business_type_list p.p11{background: url(img/business_ico11.png) no-repeat left center;}
.business_type_list p.p12{background: url(img/business_ico12.png) no-repeat left center;}
.business_type_list p.p13{background: url(img/business_ico13.png) no-repeat left center;}
.business_type_list p.p14{background: url(img/business_ico14.png) no-repeat left center;}
.business_type_list p.p1.chose{background: url(img/business_ico1_c.png) no-repeat left center; color: #fff;}
.business_type_list p.p2.chose{background: url(img/business_ico2_c.png) no-repeat left center; color: #fff;}
.business_type_list p.p3.chose{background: url(img/business_ico3_c.png) no-repeat left center; color: #fff;}
.business_type_list p.p4.chose{background: url(img/business_ico4_c.png) no-repeat left center; color: #fff;}
.business_type_list p.p5.chose{background: url(img/business_ico5_c.png) no-repeat left center; color: #fff;}
.business_type_list p.p6.chose{background: url(img/business_ico6_c.png) no-repeat left center; color: #fff;}
.business_type_list p.p7.chose{background: url(img/business_ico7_c.png) no-repeat left center; color: #fff;}
.business_type_list p.p8.chose{background: url(img/business_ico8_c.png) no-repeat left center; color: #fff;}
.business_type_list p.p9.chose{background: url(img/business_ico9_c.png) no-repeat left center; color: #fff;}
.business_type_list p.p10.chose{background: url(img/business_ico10_c.png) no-repeat left center; color: #fff;}
.business_type_list p.p11.chose{background: url(img/business_ico11_c.png) no-repeat left center; color: #fff;}
.business_type_list p.p12.chose{background: url(img/business_ico12_c.png) no-repeat left center; color: #fff;}
.business_type_list p.p13.chose{background: url(img/business_ico13_c.png) no-repeat left center; color: #fff;}
.business_type_list p.p14.chose{background: url(img/business_ico14_c.png) no-repeat left center; color: #fff;}

.why_chose_mym{padding: 50px 0; background: #fafafa;}
.why_chose_mym_box{padding-top: 40px;}
.why_chose_mym_list{width: 25%;}
.why_chose_mym_list .ifo{width: 170px; text-align: center; padding-right: 10px;}
.why_chose_mym_list .ifo h3{font-size: 18px; color: #252525; padding: 20px 0 10px 0;}
.why_chose_mym_list .ifo p{font-size: 12px; color: #656565; line-height: 1.2;}

.bottom_contact{padding: 30px 0; height: 200px; background: url(img/bottom_contact_bg.jpg) no-repeat center center;}
.bottom_contact label{display: block; width: 740px; margin: 40px auto 0;}
.bottom_contact label input[type="text"]{width: 635px; height: 48px; border:1px solid #e7e7e7; background: #fff; line-height: 48px; font-size: 14px; color: #666; text-indent: 20px;}
.bottom_contact label input[type="submit"]{width: 100px; height: 50px; background: #1398fd; color: #fff; border:none;}

.big_pic_box{background: #111; position: fixed; left: 0; top: 0; display: none; overflow: auto;} 
.big_pic_box .demo{display: table-cell; vertical-align:middle; text-align:center;height: 760px;}
.big_pic_box .demo img{width: 80%; border:none; vertical-align:middle;}
.big_pic_box a{display: block; position: fixed; right: 50px; top: 135px; color: #e7e7e7; font-size: 50px; font-weight: 900;}
.big_pic_box a:hover{text-decoration: none; color: #fff;}