.high_bg_banner{height: 507px; background: url(img/banner.jpg) no-repeat center center;}
.high_bg_banner .wrapper{position: relative;}
.high_bg_banner a{display: block; width: 167px; height: 53px;  position: absolute; top: 265px;}
.high_bg_banner .a1{left:20px;}
.high_bg_banner .a2{left: 200px;}
/*???1*/
.row1{background: #f9f9f9;}
.high_title1{width: 100%; text-align: center;  padding: 50px 0;}
.high_title1 .p1{font-size: 30px; color: #606165;}
.high_title1 .p1 span{color: #41c7ea; font-weight: bold;}
.high_title1 .p2{padding: 10px 0;}
.high_title1 .p3{font-size: 14px; color: #282528;}
.row1_content{width: 100%; height: 300px;}
.row1_content .box{height: 200px; float: left; background: #000; position: relative;}
.row1_content .box span{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(img/black_bg.png); text-align: center;  
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
transform:scale(0);
-webkit-transform:scale(0);
-moz-transform:scale(0);
-o-transform:scale(0);
-ms-transform:scale(0);
}
.row1_content .box span.chose{
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
}
.row1_content .box span a{display: inline-block; margin:0 2%; margin-top: 25%; }
.row1_content .box img{width: 100%; height: 100%;}
.row1_content .box1{width: 30%;}
.row1_content .box2{width: 20%;}
.row1_content .box3{width: 30%;}
.row1_content .box4{width: 20%;}
.row1_content .box5{width: 20%;}
.row1_content .box6{width: 20%;}
.row1_content .box7{width: 30%;}
.row1_content .box8{width: 30%;}
/*???2*/
.high_title2{padding: 50px 0; background: #41c7ea; text-align: center;}
.row2{background: #fff; padding: 90px 0;}
.row2 .left_box{width: 649px; height: 393px; overflow: hidden;}
.row2 .right_box{width: 500px; height: 393px; background: #fff;}
.row2 .right_box .p1{font-size: 36px; color: #606165; font-weight: bold;}
.row2 .right_box .p1 span{color: #41c7ea;}
.row2 .right_box .p2{font-size: 21px; color: #606165;}
.row2 .right_box .line{padding-top: 20px;}
.row2 .right_box .line .ifo{padding-left: 10px;}
.row2 .right_box .line .p3{font-size: 14px; color: #41c7ea; }
.row2 .right_box .line .p4{font-size: 12px;}
.contact_box{width: 337px; height: 52px; background: url(img/contact_bg.jpg); margin-top: 20px;}
.contact_box a{display: block; width: 162px; height: 52px; float: right;}
.row2_ul{width: 650px; overflow: hidden;}
.row2_ul li{height: 393px; float: left}
.row2_ul li .big_pic{display: none;}
/*???3*/
.row3{padding: 90px 0; height: 400px; background: #f9f9f9;}
.row3 .left_box{width: 500px; padding-top: 50px;}
.row3 .left_box .p1{font-weight: bold; font-size: 30px; color: #606165; padding-bottom: 10px;}
.row3 .left_box .p1 span{color: #41c7ea;}
.row3 .left_box .p2{display: block; width: 71px; height: 4px; background: #cacacb;}
.row3 .left_box .p3{font-size: 14px; color: #606165; padding-top: 10px; line-height: 26px;}
.row3 .right_box{width: 657px; height: 0px; overflow: hidden;}
.all_nav{width: 657px; height: 400px; position: relative;}
.all_nav img{position: absolute; display: none;}
.all_nav .pic{left: 0; top: 45px;}
.all_nav .ico1{left: 130px; top: -5px; z-index: 11;}
.all_nav .ico2{left: 460px; top: 120px; z-index: 11;}
.all_nav .ico3{left: 330px; top: 300px; z-index: 11;}
/*???4*/
.row4{height: 692px; background: url(img/row4_bg.jpg); overflow: hidden;}
.high_title3{width: 100%; text-align: center; padding-top: 60px;}
.high_title3 .p1{font-size: 36px; font-weight: bold; color: #fff;}
.high_title3 .p1 span{color: #feff1d;}
.high_title3 .p2{font-size: 12px; color: #fff; letter-spacing: 3px;}
.high_title3 div{display: block; width: 100%; text-align: center; padding-top: 10px;}
.high_title3 div i{display: inline-block; width: 100px; height: 25px; font-size: 14px; line-height: 25px; border: 1px solid #fff; color: #fff;}
.pic_box{width: 1100px; height: 400px; margin: 0 auto; margin-top: 50px; position: relative;}
.pic_box .box1,.pic_box .box3{width: 534px; height: 345px;  position: absolute; top: 20px;}
.pic_box .box1{left: -1000px; z-index: 7;}
.pic_box .box3{right: -1000px; z-index: 7;}
.pic_box .box2{width: 673px; height: 388px; position: absolute; left: 220px; top: -900px; z-index: 8;  
}
.pic_box .box2.chose{
transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);
}
/*???6*/
.row6{overflow: hidden; background: #f9f9f9; padding-bottom: 20px;}
.row6 .left_box{width: 400px; height: 810px; background: #41c7ea;}
.row6 .right_box{width: 800px;}
.row6 .left_box .ifo{padding: 140px 20px 0 20px;}
.row6 .left_box .p1{font-size: 30px; color: #fff; font-weight: bold; padding-bottom: 10px;}
.row6 .left_box .p2{width: 45px; height: 4px; background: #ffff23;}
.row6 .left_box .p3{font-size: 14px; color: #fff; line-height: 20px; padding-top: 35px;}
.row6 .left_box .p4{font-size: 18px; color: #ffff23; padding-top: 100px;}
.row6 .left_box .i_box{padding-top: 10px;}
.row6 .left_box .i_box i{display: inline-block; padding: 5px 10px; border:1px solid #fff; color: #fff; font-size: 14px; margin:10px; margin-left: 0;}
.top_box{height: 70px; color: #000; line-height: 100px; padding: 0 0 0 10px; font-size: 16px;}
.bottom_box{width: 787px; height: 600px; padding: 10px; background: #fff;}
.bottom_box span{width: 262px; height: 300px; float: left;}
.bottom_box span i{ width: 262px; height: 300px; display: table-cell; vertical-align:middle; text-align:center;}
.bottom_box span i.i1{background: #ff3d00;}
.bottom_box span i.i2{background: #fff;}
.bottom_box span i.i3{background: #f6eff0;}
.bottom_box span i.i4{background: #fff;}
.bottom_box span i.i5{background: #b294b9;}
.bottom_box span i.i6{background: #2e71b4;}
.bottom_box span i.i13{background: #e2e2e2;}
.bottom_box span i.i14{background: #2f2f2f;}
.bottom_box span i.i15{background: #fff;}
.bottom_box span i.i16{background: #007aeb;}
.bottom_box span i.i17{background: #fff;}
.bottom_box span i.i18{background: #1b73bc;}
.bottom_box span img{max-width: 100%; border:none; max-height: 100%;  vertical-align:middle; }
.tab_title{height: 120px; background: #41c7ea; position: relative;}
.blue_blank{width: 400px; height: 120px; background: #41c7ea; position: absolute; right:-400px;}
.tab_title .btn p{height: 120px; border-right: 1px solid #fff; padding: 0 30px; float: left; line-height: 180px; font-size: 18px; color: #fff;}
.tab_title .btn p.chose{color: #41c7ea;}
.tab_title .btn p.p1{background: url(img/tab_ico1_2.png) no-repeat center 20px;}
.tab_title .btn p.p2{background: url(img/tab_ico2_2.png) no-repeat center 20px;}
.tab_title .btn p.p3{background: url(img/tab_ico3_2.png) no-repeat center 20px;}
.tab_title .btn p.p1.chose{background: url(img/tab_ico1_1.png) no-repeat center 20px #ffff23;}
.tab_title .btn p.p2.chose{background: url(img/tab_ico2_1.png) no-repeat center 20px #ffff23;}
.tab_title .btn p.p3.chose{background: url(img/tab_ico3_1.png) no-repeat center 20px #ffff23;}
.contact_box2{width: 119px; height: 71px; background: url(img/jiaohu_contact_bg.png); margin:24px;}
.contact_box2 a{display: block; width: 100%; height: 30px;}
/*???7*/
.row7{height: 384px; background: url(img/row7_pic1.jpg) no-repeat center center;}
.row7 .ifo{width:500px; text-align: center; padding-left: 200px;}
.row7 .p1{font-size: 30px; color: #fff; font-weight: bold; padding-top: 130px; }
.row7 .p2{width: 36px; height: 5px; background: #41c7ea; margin: 10px auto;}
.row7 .p3{font-size: 14px; color: #fff; opacity: 0.5;}
/*???8*/
.row8{height: 406px; color: #f9f9f9;}
.row8 .left_box{width: 500px;}
.row8 .right_box{width: 700px; height: 300px;}
.designer{width: 430px; height: 136px; margin-top: 20px;}
.designer .ifo{ padding: 30px 0 0 20px;}
.designer .ifo p{font-size: 14px; color: #606165; line-height: 25px;}
.youshi{width: 543px; padding-left: 50px; position: relative; padding-top: 50px; height: 323px; background: #41c7ea; margin-top: -50px; float: right; border-bottom: 19px solid #ffff23;}
.youshi .line{padding-bottom: 25px; display: none;}
.youshi .line img{float: left;}
.youshi .line i{display: block; width: 500px; padding-left: 10px; float: left; font-size: 14px; color: #fff;}
.youshi .p1{font-size: 18px; font-weight: bold; color: #fff;}
.youshi .p2{width: 45px; height: 4px; background: #ffff23; margin:20px 0;}
.contact_box3{width: 302px; height: 41px; background: url(img/designer_ico6.png); position: absolute; bottom: 30px; left: 135px;}
.contact_box3 a{display: block; width: 130px; height: 40px; float: right;}