/*top*/
#top{background-color: #f4f4f7; height: 39px; position:fixed; left:0; top:0; z-index:99999;}
#top .box1{padding: 7px 0 0 0;}
#top .box1 a{display: inline-block; font-size: 12px; color: #36393d;}
#top .box1 a:hover{text-decoration: none; color: #e90103;}
#top .box1 span{display: inline-block; height: 10px; margin: 0 5px; border-right: 1px solid #36393d;}
#top .box2{padding: 8px 0 0 0;}
#top .box2 span{display: block; float: left; font-size: 14px; color: #36393d; padding-left: 23px; background: url(img/ico1.png) no-repeat left center;}
/*nav*/
/*nav*/
#nav{height: 79px; position:fixed; left:0; top:39px; background-color: #fff; border-bottom: 2px solid #f4f4f7;  z-index:99999;
-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;
}
#nav.chose{top: 39px;}
#nav .logo{padding: 15px 0 0 0;}
#nav .main_nav a{display: inline-block; margin: 0 10px; width: 88px; line-height: 79px; text-align: center; font-size: 14px; color: #666; border-bottom: 2px solid #f4f4f7; float: left; position: relative;}
#nav .main_nav a img{position: absolute; right: -35px; top: 15px; z-index: 1333;}
#nav .main_nav a.chose{background-color: #eef8fe; border-bottom: 2px solid #0072dc; color: #0072dc;}
#nav .main_nav a:hover{text-decoration: none; background-color: #eef8fe; border-bottom: 2px solid #0072dc; color: #0072dc;}
#nav .build_nav{width: 100%; height: 98px; background: url(img/white_bg.png); position: absolute; left: 0 ;top: 81px;  z-index: 99999; display: none;}
#nav .build_nav .build_type_list{width: 300px; height: 100%; position: relative;}
#nav .build_nav .build_type_list img{position: absolute; left: 170px; top: 5px; z-index: 1333;}
#nav .build_nav .build_type_list.chose{background: #42b4fd;}
#nav .build_nav .build_type_list .pic{width: 98px; height: 98px; margin: 0 5px;}
#nav .build_nav .build_type_list .pic a{display: block; width: 100%; height: 100%;}
#nav .build_nav .build_type_list .pic a.ico1{background: url(img/build_ico1.png) no-repeat center center;}
#nav .build_nav .build_type_list .pic a.ico2{background: url(img/build_ico2.png) no-repeat center center;}
#nav .build_nav .build_type_list .pic a.ico3{background: url(img/build_ico3.png) no-repeat center center;}
#nav .build_nav .build_type_list .pic a.ico4{background: url(img/build_ico4.png) no-repeat center center;}
#nav .build_nav .build_type_list .ifo{width: 170px; position: relative;}

#nav .build_nav .build_type_list .ifo a:hover{text-decoration: none;}
#nav .build_nav .build_type_list .ifo .a1{display: block; padding: 20px 0 3px 0; font-size: 14px; color: #333; font-weight: bold;}
#nav .build_nav .build_type_list .ifo .a2{display: block; font-size: 12px; color: #808080;}
#nav .build_nav .build_type_list .ifo .a1.chose{color: #fff;}
#nav .build_nav .build_type_list .ifo .a2.chose{color: #fff;}
#nav .build_nav .build_type_list .ifo .a2.chose{color: #fff;}
/*ad*/
.build_ad{height: 600px; background: url(img/bulid_ad_pic.jpg) no-repeat center center; margin-bottom: 300px;}
.build_ad .wrapper{position: relative;}
.build_ad .rocket{position: absolute; left: 150px; top: 410px;}
.build_ad .text{width: 600px; position: absolute; top: 170px; left: 1500px;}
.build_ad .text h2{font-size: 28px; color: #fff;}
.build_ad .text h3{font-size: 34px; color: #fff; font-weight: bold;}
.build_ad .text h4{padding-top: 10px; font-size: 14px; color: #fff;}
.build_ad .text h4 strong{color: #fae004;}
.build_ad .apply_bulid{width: 1000px; height: 420px; position: absolute; left: 100px; top: 407px; z-index: 999; background: url(img/shadow.jpg) no-repeat bottom center #fafafa;}
.build_ad .apply_bulid h2{padding: 37px 0px 15px 0px; margin: 0 37px; font-size: 24px; color: #333; text-align: center; border-bottom: 1px solid #eceef0;}
.build_ad .apply_bulid .left_box{width: 388px; height: 250px; padding: 30px 0 0 76px;}
.build_ad .apply_bulid .right_box{width: 410px; margin: 22px 80px 0 0;}
.build_ad .apply_bulid .right_box h3{font-size: 30px; color: #f00835;}
.build_ad .apply_bulid .right_box p{font-size: 14px; color: #666; padding-top: 20px; line-height: 24px;}
.build_ad .apply_bulid .right_box .apply_bulid_form{padding-top: 20px;}
.build_ad .apply_bulid .right_box .apply_bulid_form label{width: 100%; display: block;}
.build_ad .apply_bulid .right_box .apply_bulid_form .input{width: 252px; border: 1px solid #d3d3d3; padding: 11px;}
.build_ad .apply_bulid .right_box .apply_bulid_form .btn{width: 130px; border: 1px solid #f00835; padding: 7px; background: #f00835; color: #fff; font-weight: bold; font-family: "Microsoft YaHei"; font-size: 18px;}
.build_ad .apply_bulid .right_box .apply_bulid_form .apply_contact{width: 100%; padding-top:30px;}
.build_ad .apply_bulid .right_box .apply_bulid_form .apply_contact a{display: inline-block; font-size: 13px; padding-left: 20px; color: #000;}
.build_ad .apply_bulid .right_box .apply_bulid_form .apply_contact span{display: inline-block; height: 10px; margin: 0 5px 0 10px; border-right: 1px solid #666;}
.build_ad .apply_bulid .right_box .apply_bulid_form .apply_contact img{margin-top: 3px;}
.build_ad .apply_bulid .right_box .apply_bulid_form .apply_contact a.a1{background: url(img/ico2.png) no-repeat left center;}
.build_ad .apply_bulid .right_box .apply_bulid_form .apply_contact a.a2{background: url(img/ico3.png) no-repeat left center;}
/*web_build_demo1*/
.build_content1{padding: 0 0 50px 0;}
.build_content1 .title{text-align: center; margin-bottom: 50px;}
.build_content1 .title h2{font-size: 30px; color: #656565; font-family: "Microsoft YaHei";}
.build_content1 .title h3{font-size: 24px; color: #656565; font-family: "Microsoft YaHei"; padding: 12px 0 20px 0;}
.build_content1 .title span{display: block; width: 64px; height: 3px; margin: 0 auto; background: #0b98df;}
.four_one_ul{width: 1200px; margin: 0 auto;}
.four_one_list{height: 430px; background: #fff;  overflow: hidden;}
.four_one_list .left_box{width: 240px; height: 100%; background: #f2f2f2; text-align: center;}
.four_one_list .left_box.color1{background: #8f5dc4;}
.four_one_list .left_box.color2{background: #31d4e7;}
.four_one_list .left_box.color3{background: #f36a60;}
.four_one_list .left_box.color4{background: #fc9749;}
.four_one_list .left_box h2{font-size: 24px; color: #fff; padding: 40px 0 25px 0;}
.four_one_list .left_box p{font-size: 14px; color: #fff; padding: 25px 0;}
.four_one_list .left_box a{display: inline-block; margin: 0 auto; font-size: 16px; color: #fff; padding: 5px 15px; border: 1px solid #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.four_one_list .right_box{width: 240px; height: 100%;  overflow: hidden; background: #f4f4f7; display: none; position: relative;}
.four_one_list .right_box p{padding: 70px 20px; font-size: 14px; color: #333; line-height: 30px;}
.four_one_list .right_box a{display: block; width: 100%; text-align: center; font-size: 14px; color: #0b98df; position: absolute; bottom: 50px;}
/*web_build_demo2*/
.build_content2{background: #f4f4f7; padding: 50px 0;}
.build_content2 .title{text-align: center; margin-bottom: 50px;}
.build_content2 .title h2{font-size: 36px; color: #656565; font-weight: bold;}
.build_content2 .title h2 strong{color: #f00835; font-weight: bold;}
.build_content2 .title h3{font-size: 18px; color: #656565; font-family: "Microsoft YaHei"; padding: 12px 0 20px 0;}
.build_content2 .title span{display: block; width: 64px; height: 3px; margin: 0 auto; background: #0b98df;}
.build_content2 .want_box{margin-right: -75px;}
.build_content2 .want_list{width: 349px; height: 120px; margin-right: 75px; position: relative; background: url(img/no_bg1.png) no-repeat left top #dfe2e7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.build_content2 .want_list.chose{background: url(img/no_bg2.png) no-repeat left top #218dec;}
.build_content2 .want_list i{display: inline-block; padding: 5px 10px; font-size: 18px; color: #fff; font-weight: bold;}
.build_content2 .want_list p.p1{width: 100%; text-align: center; font-size: 18px; color: #333; font-weight: bold; position: absolute; left: 0; top: 26px;}
.build_content2 .want_list p.p2{width: 100%; text-align: center; font-size: 14px; color: #333; position: absolute; left: 0; top: 61px;}
.build_content2 .want_list p.p1.chose{color: #fff;}
.build_content2 .want_list p.p2.chose{color: #fff;}
.build_content2 .detail_want{padding-top: 100px;}
.build_content2 .detail_want .detail_want_box{padding-top: 63px;}
.build_content2 .detail_want .detail_want_list{height: 150px; background: #f0f0f1; margin-bottom: 33px;}
.build_content2 .detail_want .detail_want_list .left_box{width: 300px; height: 100%; text-align: center; background: #b8b8b9; position: relative;}
.build_content2 .detail_want .detail_want_list .left_box.chose{background: #f00835;}
.build_content2 .detail_want .detail_want_list .left_box img{margin-top: 35px;}
.build_content2 .detail_want .detail_want_list .left_box p{font-size: 24px; color: #fff; padding-top: 10px;}
.build_content2 .detail_want .detail_want_list .left_box span{display: block; width: 13px; height: 21px; position: absolute; right: -13px; top: 65px; background: url(img/arrow_r_1.png);}
.build_content2 .detail_want .detail_want_list .left_box span.chose{background: url(img/arrow_r_2.png);}
.build_content2 .detail_want .detail_want_list .middle_box{width: 580px; height: 100%; background: url(img/shadow.png) no-repeat right center;}
.build_content2 .detail_want .detail_want_list .middle_box p{padding: 35px; font-size: 14px; color: #666; line-height: 28px;}
.build_content2 .detail_want .detail_want_list .middle_box p.p1{padding-top: 47px;}
.build_content2 .detail_want .detail_want_list .right_box{width: 320px; text-align: center;}
.build_content2 .detail_want .detail_want_list .right_box a{display: block; width: 100%; text-align: center; line-height: 150px; color: #f00835;}
.build_content2 .detail_want .detail_want_list .right_box a.chose{background: #f00835; color: #fff;}
.build_content2 .detail_want .detail_want_list .right_box a:hover{text-decoration: none;}
/*web_build_demo3*/
.build_content3{height: 740px; background: url(img/computer_bg.jpg) no-repeat center center;}
.build_content3 .wrapper{position: relative;}
.build_content3 h2{width: 750px; text-align: center; margin: 0 auto; padding: 170px 0 20px 0;  font-size: 18px; color: #36393d; font-weight: bold;}
.build_content3 .text{width: 710px; margin: 0 auto;}
.build_content3 .text p{width: 300px; padding: 5px 0; margin-top: 40px; font-size: 14px; color: #36393d; padding-left: 30px; background: url(img/why_ico.png) no-repeat left 3px;}
.build_content3 .city{position: absolute; left: 196px; top: 437px;}
.build_content3 .apply_bulid_form{position: absolute; right: 230px; top: 520px;}
.build_content3 .apply_bulid_form label{width: 100%; display: block;}
.build_content3 .apply_bulid_form .input{width: 200px; border: 1px solid #d3d3d3; padding: 11px;}
.build_content3 .apply_bulid_form .btn{width: 130px; border: 1px solid #f00835; padding: 7px; background: #f00835; color: #fff; font-weight: bold; font-family: "Microsoft YaHei"; font-size: 18px;}
.build_content3 .apply_bulid_form .apply_contact{width: 100%; padding-top:30px;}
.build_content3 .apply_bulid_form .apply_contact a{display: inline-block; font-size: 13px; padding-left: 20px; color: #000;}
.build_content3 .apply_bulid_form .apply_contact span{display: inline-block; height: 10px; margin: 0 5px 0 10px; border-right: 1px solid #666;}
.build_content3 .apply_bulid_form .apply_contact img{margin-top: 3px;}
.build_content3 .apply_bulid_form .apply_contact a.a1{background: url(img/ico2.png) no-repeat left center;}
.build_content3 .apply_bulid_form .apply_contact a.a2{background: url(img/ico3.png) no-repeat left center;}
.build_content3 .build_content3_ifo{width: 300px; text-align: center; position: absolute; right: 260px; top: 450px;}
.build_content3 .build_content3_ifo p{font-size: 18px; color: #36393d; font-weight: bold;}
/*web_build_demo4*/
.build_content4{padding: 50px 0;}
.build_content4 .title{text-align: center; margin-bottom: 50px;}
.build_content4 .title h2{font-size: 30px; color: #333333; font-weight: bold;}
.build_content4 .title h2 strong{color: #f00835; font-weight: bold;}
.build_content4 .title h3{font-size: 24px; color: #656565; font-family: "Microsoft YaHei"; padding: 12px 0 20px 0;}
.build_content4 .title span{display: block; width: 64px; height: 3px; margin: 0 auto; background: #0b98df;}
.build_content4 .compare_box{width: 900px; margin: 0 auto;}
.build_content4 .compare_list{width: 900px; padding: 30px 0;}
.build_content4 .compare_list p{width: 300px; font-size: 14px; line-height: 22px;}
.build_content4 .compare_list p.p1{text-align: right; padding: 35px 0 0 0; color: #333;}
.build_content4 .compare_list p.p2{text-align: left; padding: 35px 0 0 0; color: #b2b2b2;}
.build_content4 .compare_list i{display: block; width: 300px; font-size: 24px; font-weight: bold;}
.build_content4 .compare_list i.i1{text-align: right; color: #36393d;}
.build_content4 .compare_list i.i2{text-align: left; color: #b2b2b2;}
.build_content4 .compare_list span{display: block; width: 121px; height: 124px; margin-left: 90px; background: url(img/compare_bg1.png);}
.build_content4 .compare_list span.chose{background: url(img/compare_bg2.png);}
/*web_build_demo5*/
.build_content5{height: 700px; background: url(img/cost_bg.jpg) no-repeat center center;}
.build_content5 h2{text-align: center; padding: 55px 0; font-size: 36px; color: #fff;}
.build_content5 .cost_list{width: 225px; margin-left: 31px; background: #fff; padding: 10px; border: 1px solid #dfe2e7;}
.build_content5 .cost_list .pic{width: 225px; height: 225px; overflow: hidden;}
.build_content5 .cost_list .pic img{display: block; width: 100%; height: 100%;
 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;
}
.build_content5 .cost_list .pic img:hover{
transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
 -ms-transform:scale(1.2);
}
 
.build_content5 .cost_list .p1{font-size: 18px; color: #36393d; padding: 20px 0 15px 0; text-align: center;}
.build_content5 .cost_list .p2{font-size: 14px; color: #b2b2b2; text-align: center;}
.build_content5 .cost_list a{display: block; width: 100px; margin: 15px auto 5px; text-align: center; line-height: 30px; font-size: 14px; border: 1px solid #f00835; background: #fff; color: #f00835; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.build_content5 .cost_list a:hover{background: #f00835; color: #fff; text-decoration: none; }
.build_content5 .cost_lunbo{width: 519px; padding: 10px; margin-left: 30px; background: #fff; border: 1px solid #dfe2e7; position: relative;}
.build_content5 .cost_lunbo .big_pic{width: 100%; height: 374px; position: relative;}
.build_content5 .cost_lunbo .big_pic li{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.build_content5 .cost_lunbo .big_pic li a{display:block; width: 100%; height: 100%;}
.build_content5 .cost_lunbo .big_pic li a img{display:block; width: 100%; height: 100%;}
.build_content5 .cost_lunbo .point{width: 100%; text-align: center; position: absolute; left: 0; bottom: 30px;}
.build_content5 .cost_lunbo .point li{display: inline-block; width: 6px; height: 6px; border: 2px solid #0093dd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.build_content5 .cost_lunbo .point li.chose{background: #0093dd;}
/*web_build_demo6*/
.build_content6{padding: 50px 0; background: #f4f4f7;}
.build_content6 .title{text-align: center; margin-bottom: 50px;}
.build_content6 .title h2{font-size: 30px; color: #333333; font-weight: bold; padding-bottom: 20px;} 
.build_content6 .title span{display: block; width: 64px; height: 3px; margin: 0 auto; background: #ef3333;}
.build_content6 .no_box span{display:block; height: 85px; margin: 0 15px;}
.build_content6 .no_box span img{display:block; width: 100%; height: 100%;
 transition:All 0.8s ease-in-out;
-webkit-transition:All 0.8s ease-in-out;
-moz-transition:All 0.8s ease-in-out;
-o-transition:All 0.8s ease-in-out;
transform:scale(0);
-webkit-transform:scale(0);
-moz-transform:scale(0);
-o-transform:scale(0);
 -ms-transform:scale(0);
}
.build_content6 .no_box span img.chose{
	transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
 -ms-transform:scale(1);
}
.build_content6 .no_box .s1{width: 322px;}
.build_content6 .no_box .s2{width: 420px;}
.build_content6 .no_box .s3{width: 345px;}
/*web_build_demo7*/
.build_content7{padding: 50px 0;}
.build_content7 .left_box{width: 780px; padding: 10px; border: 1px solid #e7e7e7;}
.build_content7 .left_box .meiyu_company_title{padding: 15px 5px 15px 15px; border-bottom: 1px solid #e7e7e7;}
.build_content7 .left_box .meiyu_company_title h2{font-size: 24px; color: #333333;}
.build_content7 .left_box .meiyu_company_title h2 strong{font-size: 12px; color: #666;}
.build_content7 .left_box .meiyu_company_title span{display:block; padding: 10px 0 0 0;}
.build_content7 .left_box .meiyu_company_title span i{font-size: 14px; color: #f00835;}
.build_content7 .left_box .meiyu_company_title span img{margin-top: 2px;}
.build_content7 .left_box .company_content{padding-bottom: 31px;}
.build_content7 .left_box .company_content a{display:block; width: 210px; height: 78px; border: 1px solid #dfe2e7; margin: 35px 0 0 35px; cursor: default;}
.build_content7 .left_box .company_content a:hover{box-shadow: 0 0 3px #ccc; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc;}
.build_content7 .left_box .company_content a img{width: 100%; height: 100%;}
.build_content7 .right_box{width: 350px; padding: 10px; border: 1px solid #e7e7e7;}
.build_content7 .right_box .i_build{text-align: center; font-size: 18px; color: #000; padding: 5px 0 10px 0; border-bottom: 1px solid #e7e7e7;}
.build_content7 .right_box .form_box{padding: 0 0 20px 20px; border-bottom: 1px solid #e7e7e7;}
.build_content7 .right_box .form_box label{display: block; margin: 30px 0;}
.build_content7 .right_box .form_box p{width: 70px; text-align: right; margin-top: 8px; font-size: 14px; color: #676767;}
.build_content7 .right_box .form_box input{padding: 10px; border: 1px solid #e7e7e7;}
.build_content7 .right_box .form_box i{color: #ff3f56; display: inline-block; padding-left: 10px;}
.build_content7 .right_box .btn_box{height: 35px; padding: 30px 0;}
.build_content7 .right_box .btn_box a{display: inline-block; font-size: 13px; color: #333; padding-left: 20px; margin: 10px 0 0 20px;}
.build_content7 .right_box .btn_box a.a1{background:url(img/ico2.png) no-repeat left center;}
.build_content7 .right_box .btn_box a.a2{background:url(img/ico3.png) no-repeat left center;}
.build_content7 .right_box .btn_box span{height: 8px; width: 1px; border-right: 1px solid #e7e7e7; margin: 0 2px 0 13px;}
.build_content7 .right_box .btn_box input{width: 103px; height: 35px; margin-right: 20px; background-color: #f00835; border:none; color: #fff; font-family: "Microsoft YaHei"; border-radius: 3px;}


/*footer*/
.footer{background: #202b30; padding: 20px 0;}
.footer .footer_title{width: 100%; padding: 10px 0; border-bottom: 1px solid #4f5457; position: relative;}
.footer .footer_title p{font-size: 16px; color: #fff;}
.footer .footer_title span{display: block; width: 34px; height: 3px; background: #7f7f7f; position: absolute; left: 0; bottom: -2px;}
.footer .box1{width: 363px;}
.footer .box1 .text{padding: 10px; padding-left: 0; font-size: 13px; line-height: 26px; color: #8e8e8e;}
.footer .box2{width: 200px; margin-left: 90px;}
.footer .box2 .text{padding: 10px; padding-left: 0;}
.footer .box2 .text a{display: inline-block; padding-right: 10px; font-size: 13px; color: #8e8e8e; line-height: 28px;}
.footer .box2 .text a:before{content:"- ";}
.footer .box3{width: 450px; margin-left: 90px;}
.footer .box3 .text{padding: 10px; padding-left: 0;}
.footer .box3 .text p{font-size: 13px; color: #8e8e8e; line-height: 28px;}
.footer .box4{width: 100%;}
.footer .box4 .link{padding: 10px 0 0 0;}
.footer .box4 .link a{display: inline-block; color: #8e8e8e; font-size: 13px; padding: 0 10px;}
.page_bottom{background: #1a2128; text-align: center; padding: 20px 0;}
.page_bottom a{display: inline-block; font-size: 13px; color: #8e8e8e; margin: 0 20px;}
.page_bottom p{display: inline-block; font-size: 13px; color: #8e8e8e; margin: 0 20px;}