﻿.company_banner{height: 507px; background: url(img/company_row1_pic1.jpg) no-repeat center bottom #5fcdc3;}
.company_banner_ifo{padding-top: 30px; filter:alpha(opacity=10);opacity:0.1;  -moz-opacity:0.1;}
.company_banner_ifo.chose{filter:alpha(opacity=100);opacity:1;  -moz-opacity:1;}
.company_banner_ifo p{text-align: center; color: #fff;}
.company_banner_ifo p.p1{font-size: 30px; font-weight: bold;}
.company_banner_ifo p.p2{width: 66px; height: 4px; background: #fff; margin: 15px auto;}
.company_banner_ifo p.p3{font-size: 14px; line-height: 25px;}

.company_web{height: 5153px; background: url(img/company_bg.png) center center; overflow: hidden;}
.company_contact{width: 153px; height: 100px; background: url(img/company_contact_btn.png); margin-top: 20px;}
.company_contact a{display: block; width: 150px; height: 40px;}
.company_contact a.a2{margin-top: 20px;}
.company_web .row1_box{width: 1200px; height: 500px; position: relative;}
.company_web .row1{width: 1000px; position: absolute; left:10000px;}
.company_web .row1.load{left:100px;}
.company_web .row1 .left_box{width: 450px; height: 220px; margin: 130px 0 0 0;}
.company_web .row1 .left_box p.p1{font-size: 30px; color: #5fcdc3;}
.company_web .row1 .left_box p.p2{font-size: 30px; color: #5fcdc3; font-weight: bold;}
.company_web .row1 .left_box p.p3{width: 70px; height: 4px; background: #5fcdc3; margin: 5px 0 0 0;}
.company_web .row1 .left_box p.p4{font-size: 14px; color: #a0a0a0; margin-top: 10px;}
.company_web .row1 .right_box{width: 495px; height: 495px; background: url(img/company_row2_pic1.png) no-repeat center center; position: relative;}
.company_web .row1 .right_box li{display: block; width: 118px; height: 118px; position: absolute; margin-top: 10px; background: url(img/company_row2_pic2.png) no-repeat; filter:alpha(opacity=0); opacity:0; -moz-opacity:0;}
.company_web .row1 .right_box li.load{filter:alpha(opacity=100); opacity:1; -moz-opacity:1;}
.company_web .row1 .right_box li.hover{background: url(img/company_row2_pic3.png) no-repeat;}
.company_web .row1 .right_box li.l1{left:190px; top: 0px;} 
.company_web .row1 .right_box li.l1 p{padding-top: 35px;}
.company_web .row1 .right_box li.l2{left:350px; top: 90px; line-height: 118px;}
.company_web .row1 .right_box li.l3{left:350px; top: 280px; line-height: 118px;}
.company_web .row1 .right_box li.l4{left:190px; top: 370px; line-height: 118px;}
.company_web .row1 .right_box li.l5{left:30px; top: 280px;}
.company_web .row1 .right_box li.l5 p{padding-top: 35px;}
.company_web .row1 .right_box li.l6{left:30px; top: 90px;}
.company_web .row1 .right_box li.l6 p{padding-top: 35px;}
.company_web .row1 .right_box li p{ width: 118px;  font-size: 14px; color: #fff;  text-align: center;}

.company_web .row2_box{width: 1200px; height: 380px;  margin-top: 80px; position: relative;}
.company_web .row2{width: 1000px; height: 380px; position: absolute; left:100px;}
.company_web .row2 .left_box{padding: 110px 0 0 80px; position: absolute; left:-1000px;} 
.company_web .row2 .left_box p.p1{font-size: 30px; color: #fff; font-weight: bold;}
.company_web .row2 .left_box p.p2{font-size: 18px; color: #fff; padding-bottom: 10px;}
.company_web .row2 .right_box{width: 550px; padding-top: 20px; position: absolute; right:-1000px;} 
.company_web .row2 .right_box .pic{width: 330px; display: block; margin: 0 auto;}
.company_web .row2 .right_box p.p1{font-size: 18px; color: #fff; padding-left: 35px; background: url(img/company_row3_pic2.png) no-repeat left 12px; padding-top: 10px;}

.company_web .row3_box{width: 1200px; height: 380px;  margin-top: 70px; position: relative;}
.company_web .row3{width: 1000px; height: 380px; position: absolute; left:100px;}
.company_web .row3 .left_box{padding: 110px 0 0 80px; position: absolute; left:-2000px;} 
.company_web .row3 .left_box p.p1{font-size: 30px; color: #fff; font-weight: bold;}
.company_web .row3 .left_box p.p2{font-size: 18px; color: #fff; padding-bottom: 10px;}
.company_web .row3 .right_box{width: 650px; padding-top: 40px; position: absolute; right:-2000px;} 
.company_web .row3 .right_box .pic{width: 600px; display: block; margin: 0 auto;}
.company_web .row3 .right_box p.p1{font-size: 18px; color: #fff; padding-left: 35px; background: url(img/company_row4_pic2.png) no-repeat left 43px; padding-top: 40px; margin-left: 50px;}

.company_web .row4_box{width: 1200px; height: 380px;  margin-top: 120px; position: relative;}
.company_web .row4{width: 1000px; height: 380px; position: absolute; left:100px;}
.company_web .row4 .left_box{padding: 110px 0 0 80px; position: absolute; left:2000px;} 
.company_web .row4 .left_box p.p1{font-size: 30px; color: #fff; font-weight: bold;}
.company_web .row4 .left_box p.p2{font-size: 18px; color: #fff; padding-bottom: 10px;}
.company_web .row4 .right_box{width: 650px; padding-top: 70px; position: absolute; right:2000px;} 
.company_web .row4 .right_box .pic{width: 600px; display: block; margin: 0 auto;}
.company_web .row4 .right_box .ifo{width: 760px; height: 186px; background: url(img/company_row5_pic2.png); position: relative;}
.company_web .row4 .right_box .ifo p{font-size: 17px; color: #000;}
.company_web .row4 .right_box .ifo p.p1{position: absolute; left: 45px; top: 7px;}
.company_web .row4 .right_box .ifo p.p2{position: absolute; left: 90px; top: 83px;}
.company_web .row4 .right_box .ifo p.p3{position: absolute; left: 140px; top: 154px;}

.company_web .row5_box{width: 1200px; height: 380px;  margin-top: 250px; position: relative;}
.company_web .row5{width: 1000px; height: 380px; position: absolute; left:100px;}
.company_web .row5 .left_box{padding: 110px 0 0 80px; position: absolute; left:-2000px;} 
.company_web .row5 .left_box p.p1{font-size: 30px; color: #1f2229; font-weight: bold;}
.company_web .row5 .left_box p.p2{font-size: 18px; color: #1f2229; padding-bottom: 10px;}
.company_web .row5 .right_box{width: 580px; padding-top: 90px; position: absolute; right:-2000px;} 
.company_web .row5 .right_box .pic{width: 580px; display: block; margin: 0 auto;} 
.company_web .row5 .right_box  p.p1{font-size: 25px; color: #1f2229; font-weight: bold; padding-top: 20px;}
.company_web .row5 .right_box  p.p2{font-size: 16px; color: #707070;} 

.company_web .row6_box{width: 1200px; height: 380px;  margin-top: 450px; position: relative;}
.company_web .row6{width: 1000px; height: 380px; position: absolute; left:100px;}
.company_web .row6 .left_box{padding: 110px 0 0 80px; position: absolute; left:-2000px;} 
.company_web .row6 .left_box p.p1{font-size: 30px; color: #1f2229; font-weight: bold;}
.company_web .row6 .left_box p.p2{font-size: 18px; color: #1f2229; padding-bottom: 10px;}
.company_web .row6 .right_box{width: 580px; padding-top: 120px; position: absolute; right:-2000px;} 
.company_web .row6 .right_box .box1{}
.company_web .row6 .right_box .box1 p{width: 97px; padding: 10px 0; float: left; margin-right: 24px; text-align: center; font-size: 24px; color: #fff; line-height: 30px; }
.company_web .row6 .right_box .box1 p.p1{background: #ea2838;}
.company_web .row6 .right_box .box1 p.p2{background: #fd9e28;}
.company_web .row6 .right_box .box1 p.p3{background: #32c8d6;}
.company_web .row6 .right_box .box1 p.p4{background: #ae5da1;}
.company_web .row6 .right_box .box2 p.p1{font-size: 30px; color: #fff; font-weight: bold; padding-bottom: 10px; padding-top: 20px;}
.company_web .row6 .right_box .box2 p.p2{font-size: 18px; color: #fff; line-height: 30px;}
.company_web .row6 .right_box .box3{width: 800px; height: 400px; margin-left: -100px; margin-top: 30px;}
.company_web .row6 .right_box .box3 a{display: inline-block; float: left; margin-right: 20px; margin-top: 30px;}
.company_web .row6 .right_box .box3 a.chose{margin-top: 0;}


.company_web .row7_box{width: 1200px; height: 380px;  margin-top: 550px; position: relative;}
.company_web .row7{width: 1000px; height: 380px; position: absolute; left:100px;}
.company_web .row7 .left_box{padding: 110px 0 0 80px; position: absolute; left:2000px;} 
.company_web .row7 .left_box p.p1{font-size: 30px; color: #1f2229; font-weight: bold;}
.company_web .row7 .left_box p.p2{font-size: 18px; color: #1f2229; padding-bottom: 10px;}
.company_web .row7 .right_box{width: 580px; padding-top: 110px; position: absolute; right:2000px;} 
.company_web .row7 .right_box .box1{} 
.company_web .row7 .right_box .box1 p.p1{font-size: 24px; color: #1f2228; font-weight: bold; padding-bottom: 10px;}
.company_web .row7 .right_box .box1 p.p2{color: #1f2228; font-size: 14px;}
.company_web .row7 .right_box .box1 p.p3{font-size: 44px; font-weight: bold;}
.company_web .row7 .right_box .box1 p.p3 span{color: #fff;}
.company_web .row7 .right_box .box2{width: 520px; height: 454px; background: url(img/company_row8_pic1.png) no-repeat; position: relative; margin-top: 20px;}
.company_web .row7 .right_box .box2 p{font-size: 18px; color: #111; font-weight: bold; position: absolute; left: 370px;}
.company_web .row7 .right_box .box2 p:hover{color: #fff;}
.company_web .row7 .right_box .box2 p.p1{top: 14px;}
.company_web .row7 .right_box .box2 p.p2{top: 74px;}
.company_web .row7 .right_box .box2 p.p3{top: 128px;}
.company_web .row7 .right_box .box2 p.p4{top: 186px;}
.company_web .row7 .right_box .box2 p.p5{top: 239px;}
.company_web .row7 .right_box .box2 p.p6{top: 293px;}
.company_web .row7 .right_box .box2 p.p7{top: 348px;}
.company_web .row7 .right_box .box2 p.p8{top: 404px;}
.company_web .row7 .right_box .box3 span{display: block; width: 500px; border-bottom: 1px dashed #bf8200; height: 20px;}
.company_web .row7 .right_box .box3 h2{font-size: 24px; font-weight: bold; color: #1f2228; padding: 10px 0 0px 0;}
.company_web .row7 .right_box .box3 .ifo p{padding-left: 20px; background: url(img/company_row8_pic2.png) no-repeat left center; margin-top: 20px; font-size: 12px; color: #000;}


.company_row8{background: #f9f9f9; height: 840px; overflow: hidden; position: relative;}
.company_row8 .wrapper{position: relative;}
.row8_title{width: 100%; text-align: center; position: absolute; left: 50%; margin-left: -600px; top: 1000px;}
.row8_title p.p1{font-size: 36px; color: #111; font-weight: bold; padding-bottom: 5px;}
.row8_title p.p2{font-size: 24px; color: #1f2229;}
.row8_title p.p3{font-size: 14px; color: #898989; padding-top: 10px; line-height: 30px;}
.row8_pic{width: 100%; position: absolute; left: 50%; margin-left: -600px; top:-1000px; padding-top: 50px;}
.row8_pic img{display: block; margin: 0 auto;}


.company_row9{background: #32c9d5; height: 830px; overflow: hidden; position: relative;}
.company_row9 .wrapper{position: relative;}
.row9_title{text-align: center; padding-top: 70px;}
.row9_title h2{font-size: 48px; color: #fff; font-weight: bold;}
.row9_title .line_2{text-align: center; width: 100%;}
.row9_title .line_2 p{display: inline-block; color: #fff; font-size: 30px; height: 30px;}
.row9_title .line_2 span{display: inline-block; width: 100px; border-top: 2px solid #fff; height: 10px;}


.row9_list{width: 500px; height: 125px;}
.row9_list .pic{width: 160px; text-align: right;}
.row9_list .ifo{width: 330px;}
.row9_list .ifo p{color: #fff;}
.row9_list .ifo p.p1{font-size: 20px; font-weight: bold; padding-top: 30px;}
.row9_list .ifo p.p2{font-size: 14px;}
.row9_ul{padding-top: 50px;}
.row9_ul li{margin:20px 40px;}