/*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;}


/*banner*/ 
.banner{ min-width: 1200px; height: 400px; background: #ccc; position: relative;}
.banner_big_pic{height: 400px; position: relative;} 
.banner_big_pic li{width: 100%; position: absolute; left: 0; top: 0; display: none;}
.banner_big_pic li.show{display: block;} 
.banner_big_pic li a{display: block; width: 100%; height: 400px; margin: 0 auto;} 
.banner_small_pic{ height: 20px;   position: absolute; top: 360px; left: 50%;  z-index: 20; }
.banner_small_pic li{width: 12px; height: 12px;   float: left; margin-right: 20px; background: url(img/7.png); margin-top: 4px;}
.banner_small_pic li.chose{background: url(img/8.png)}
.banner_small_pic li img{display: block; width: 100%; height: 100%;}
.banner_left_btn ,.banner_right_btn{position: absolute;  top: 42%; width: 34px; height: 74px; background: red; display: none;}
.banner_left_btn{left: 20px; background:url(img/bl.png)}
.banner_right_btn{ right: 20px; background:url(img/br.png)}
/**********************************************************************************????????????***********************************************************************************/
/*demo1*/
.index_content1{background: #fff; padding: 50px 0;}
.index_content1 .service_no{text-align: center; font-size: 24px; color: #b2b2b2;}
.index_content1 .service_no img{display: inline-block; padding: 0 10px; margin-bottom: -10px;}
.index_content1 .three_point{width: 100%; padding-top: 50px;}
.index_content1 .point{width: 337px; height: 337px; margin: 0 30px; border: 1px solid #dfe2e7; position: relative;}
.index_content1 .point .pic{display: block; width: 70px; height: 70px; background-color: #ccc; margin: 65px auto 0px;}
.index_content1 .point .pic.pic1{background:url(img/three_ico1.png) no-repeat center center;}
.index_content1 .point .pic.pic1.chose{background:url(img/three_ico1_1.png) no-repeat center center;}
.index_content1 .point .pic.pic2{background:url(img/three_ico2.png) no-repeat center center;}
.index_content1 .point .pic.pic2.chose{background:url(img/three_ico2_1.png) no-repeat center center;}
.index_content1 .point .pic.pic3{background:url(img/three_ico3.png) no-repeat center center;}
.index_content1 .point .pic.pic3.chose{background:url(img/three_ico3_1.png) no-repeat center center;}
.index_content1 .point h2{text-align: center; font-size: 24px; line-height: 50px; font-weight: bold; color: #0072dc;}
.index_content1 .point h2.chose{color: #f00835;}
.index_content1 .point p{font-size: 14px; color: #656565; width: 200px; margin: 0 auto;}
.index_content1 .point a{display: block; font-size: 14px; width: 156px; position: absolute; left: 50%; margin-left: -78px; bottom: 65px; line-height: 32px; text-align: center; background-color: #0072dc; color: #fff; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;}
.index_content1 .point a:hover{text-decoration: none;}
.index_content1 .point a.chose{background-color: #f00835;} 
/*demo2*/
.index_content2{height: 600px; background: url(img/service_range.jpg) center center;}
.index_content2 .left_box{width: 365px; position: relative;}
.index_content2 .left_box h2{position: absolute; top: 145px; left: 50px; font-size: 30px; color: #fff; font-weight: bold;}
.index_content2 .left_box p{width: 210px; position: absolute; top: 215px; left: 50px; font-size: 14px; color: #f8f9fb;}
.index_content2 .left_box a{display: block; width: 100px; height: 35px; position: absolute; top: 428px;}
.index_content2 .left_box a.a1{left: 55px;}
.index_content2 .left_box a.a2{left: 156px;}
.index_content2 .right_box{width: 836px; position: relative;}
.index_content2 .right_box ul{padding-top: 20px;}
.index_content2 .right_box li{margin: 15px 26px; }
.index_content2 .right_box .range_list{width: 200px; padding: 10px; background-color: #fff; border-bottom: 2px solid #43a3f7;}
.index_content2 .right_box .range_list.chose{border-bottom: 2px solid #f00835;}
.index_content2 .right_box .range_list .text{display: block; font-size: 18px; color: #656565; text-align: center; padding-top: 10px;}
.index_content2 .right_box .range_list .text:hover{text-decoration: none;}
.index_content2 .right_box .range_list .pic{width: 200px; height: 200px; position: relative;}
.index_content2 .right_box .range_list .pic img{width: 100%; height: 100%;}
.index_content2 .right_box .range_list .pic .float{display: block; width: 200px; height: 200px; background: url(img/float.png); position: absolute; left: 0; top: 0; display: none;}
/*demo3*/
.index_content3{padding: 50px 0;}
.index_content3 .team_title{text-align: center;}
.index_content3 .team_title h2{font-size: 30px; font-weight: bold; color: #333333;}
.index_content3 .team_title span{display: inline-block; width: 90px; height: 3px; margin: 10px 0;}
.index_content3 .team_title p{font-size: 12px; color: #666; line-height: 20px;}
.index_content3 .concept{padding-top: 64px;}
.index_content3 .concept .left_box{width: 802px; border: 1px solid #e7e7e7; border-bottom: none; border-right: none;}
.index_content3 .concept .left_box h2{padding: 15px 40px; font-size: 24px; color: #333; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;}
.index_content3 .concept .left_box h2 strong{font-size: 14px;} 
.index_content3 .concept .left_box .concept_list{width: 400px; height: 152px; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;}
.index_content3 .concept .left_box .concept_list.chose{background-color: #0072dc;}
.index_content3 .concept .left_box .concept_list span{display: inline-block; margin:23px 0 10px 45px; padding: 10px 0; font-size: 16px; color: #36393d; font-weight: 900; font-family: "????????????"; padding-left: 40px;}
.index_content3 .concept .left_box .concept_list span.c1{background: url(img/concept_ico1.png) no-repeat left center;}
.index_content3 .concept .left_box .concept_list span.c2{background: url(img/concept_ico2.png) no-repeat left center;}
.index_content3 .concept .left_box .concept_list span.c3{background: url(img/concept_ico3.png) no-repeat left center;}
.index_content3 .concept .left_box .concept_list span.c4{background: url(img/concept_ico4.png) no-repeat left center;}
.index_content3 .concept .left_box .concept_list span.c1.chose{background: url(img/concept_ico1_1.png) no-repeat left center; color: #fff;}
.index_content3 .concept .left_box .concept_list span.c2.chose{background: url(img/concept_ico2_1.png) no-repeat left center; color: #fff;}
.index_content3 .concept .left_box .concept_list span.c3.chose{background: url(img/concept_ico3_1.png) no-repeat left center; color: #fff;}
.index_content3 .concept .left_box .concept_list span.c4.chose{background: url(img/concept_ico4_1.png) no-repeat left center; color: #fff;}
.index_content3 .concept .left_box .concept_list p{padding-left: 45px; width: 300px; font-size: 12px; color: #36393d; line-height: 20px;}
.index_content3 .concept .left_box .concept_list p.chose{color: #fff;}
.index_content3 .concept .right_box{width: 380px; border: 1px solid #e7e7e7;}
.index_content3 .concept .right_box .i_build{padding: 20px 0;}
.index_content3 .concept .right_box .i_build p{font-size: 18px; color: #333; padding-left: 12px;}
.index_content3 .concept .right_box .i_build img{padding: 5px 10px 0 0;}
.index_content3 .concept .right_box .form_box{padding: 0 0 40px 20px; border-bottom: 1px solid #e7e7e7;}
.index_content3 .concept .right_box .form_box label{display: block; margin: 30px 0;}
.index_content3 .concept .right_box .form_box p{width: 70px; text-align: right; margin-top: 8px; font-size: 14px; color: #676767;}
.index_content3 .concept .right_box .form_box input{padding: 10px; border: 1px solid #e7e7e7;}
.index_content3 .concept .right_box .form_box i{color: #ff3f56; display: inline-block; padding-left: 10px;}
.index_content3 .concept .right_box .btn_box{height: 35px; padding: 30px 0;}
.index_content3 .concept .right_box .btn_box a{display: inline-block; font-size: 13px; color: #333; padding-left: 20px; margin: 10px 0 0 20px;}
.index_content3 .concept .right_box .btn_box a.a1{background:url(img/ico2.png) no-repeat left center;}
.index_content3 .concept .right_box .btn_box a.a2{background:url(img/ico3.png) no-repeat left center;}
.index_content3 .concept .right_box .btn_box span{height: 8px; width: 1px; border-right: 1px solid #e7e7e7; margin: 0 2px 0 13px;}
.index_content3 .concept .right_box .btn_box input{width: 103px; height: 35px; margin-right: 20px; background-color: #f00835; border:none; color: #fff; font-family: "????????????"; border-radius: 3px;}
.index_content3 .company_pic{width: 100%; margin-top: 20px; }
.index_content3 .company_pic img{width: 100%;}
/*demo4*/
.index_content4{height: 600px; background:url(img/good_web_bg.jpg) center center;} 
.index_content4 h2{text-align: center; font-size: 36px; color: #fff; font-weight: bold; padding-top: 40px;}
.index_content4 h3{text-align: center; font-size: 24px; color: #fff; padding-top: 30px;}
.index_content4 .qq_contact{width: 100%; position: absolute; left: 0; bottom: 0;}
.index_content4 .qq_contact a{width: 150px; height: 45px; position: absolute; left: 50%; margin-left: 57px; top: -124px;}
.advantages_box{margin-right: -35px; padding-top: 80px;}
.advantages_box li{margin-right: 35px;}
.advantages_box .advantages{width: 170px; height: 170px;
 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;
}
.advantages_box .advantages.ad1{background:url(img/ad_ico1.png)}
.advantages_box .advantages.ad2{background:url(img/ad_ico2.png)}
.advantages_box .advantages.ad3{background:url(img/ad_ico3.png)}
.advantages_box .advantages.ad4{background:url(img/ad_ico4.png)}
.advantages_box .advantages.ad5{background:url(img/ad_ico5.png)}
.advantages_box .advantages.ad6{background:url(img/ad_ico6.png)}
.advantages_box .advantages span{display:inline-block; width: 100%; font-size: 15px; text-align: center; padding-top: 93px; color: #797e89; }
.advantages_box .advantages span.chose{color: #fff;}
.advantages_box .advantages.ad1.chose{background:url(img/ad_ico1_1.png);}
.advantages_box .advantages.ad2.chose{background:url(img/ad_ico2_1.png);}
.advantages_box .advantages.ad3.chose{background:url(img/ad_ico3_1.png);}
.advantages_box .advantages.ad4.chose{background:url(img/ad_ico4_1.png);}
.advantages_box .advantages.ad5.chose{background:url(img/ad_ico5_1.png);}
.advantages_box .advantages.ad6.chose{background:url(img/ad_ico6_1.png);}
/*demo5*/
.index_content5{padding: 50px 0;}
.index_content5 h2{font-size: 36px; color: #333; text-align: center; font-weight: bold;}
.index_content5 .tab_btn{width: 1197px; border: 1px solid #e7e7e7; margin: 46px 0 50px 0;}
.index_content5 .tab_btn p{width: 399px; padding: 10px 0; text-indent: 180px; cursor: pointer; position: relative;}
.index_content5 .tab_btn p span{display: block; width: 16px; height: 8px; position: absolute; bottom: -8px; left: 190px; background:url(img/arrow_ico.png); display: none;}
.index_content5 .tab_btn p.p1{background:url(img/case_ico1.png) no-repeat 150px center;}
.index_content5 .tab_btn p.p2{background:url(img/case_ico2.png) no-repeat 150px center;}
.index_content5 .tab_btn p.p3{background:url(img/case_ico3.png) no-repeat 150px center;}
.index_content5 .tab_btn p.p1.chose{background:url(img/case_ico1_1.png) no-repeat 150px center #218dec; color: #fff;}
.index_content5 .tab_btn p.p2.chose{background:url(img/case_ico2_1.png) no-repeat 150px center #218dec; color: #fff;}
.index_content5 .tab_btn p.p3.chose{background:url(img/case_ico3_1.png) no-repeat 150px center #218dec; color: #fff;}
.index_content5 .case_tab_box{width: 100%; height: 1380px; position: relative;}
.index_content5 .case_tab_box .case_type{width: 1200px; height: 1380px; position: absolute; left: 0; top: 0; display: none;}
.index_content5 .case_type ul{margin-right: -15px;}
.index_content5 .case_type li{margin: 0 15px 15px 0;}
.index_content5 .case_type .more_case{display: block; width: 116px; text-align: center; line-height: 31px; font-size: 14px; color: #218dec; border: 1px solid #218dec; margin: 30px auto; border-radius: 16px; -moz-border-radius: 16px;  -webkit-border-radius: 16px;}
.index_content5 .new_case_list{width: 390px; height: 300px; background:#ccc; position: relative;}
.index_content5 .new_case_list img{width: 100%; height: 100%;}
.index_content5 .new_case_list a.float_board{display: block; width: 100%; height: 263px; position: absolute; left: 0; top: 0; background: url(img/case_float_bg.png); display: none;}
.index_content5 .new_case_list a.float_board p{text-align: center; font-size: 14px; color: #fff; line-height: 24px;}
.index_content5 .new_case_list a.float_board p.p1{padding-top: 145px;}
.index_content5 .new_case_list a:hover{text-decoration: none;}
.index_content5 .new_case_list .case_contact{width: 100%; height: 37px; background: #000; position: absolute; bottom: 0; left: 0; display: none;}
.index_content5 .new_case_list .case_contact a{display: block; width: 50%; height: 37px; line-height: 37px; color: #fff; text-indent: 80px;}
.index_content5 .new_case_list .case_contact .a1{background: url(img/case_contact_ico2.png) no-repeat 50px center #218dec;}
.index_content5 .new_case_list .case_contact .a2{background: url(img/case_contact_ico1.png) no-repeat 50px center #f00835;}
/*demo6*/
.index_content6{padding: 50px 0; background: #fafafa;}
.index_content6 .news_title{padding: 24px 0; border-bottom: 1px solid #e7e7e7; margin-bottom: 30px;}
.index_content6 .news_title h2{font-size: 24px; color: #333; font-weight: bold;}
.index_content6 .news_title h2 strong{font-size: 12px;}
.index_content6 .news_title .search_text{background: #fafafa; border: 1px solid #d6d6d6; padding: 5px; border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; -webkit-border-radius: 8px 0 0 8px;}
.index_content6 .news_title .search_btn{width: 30px; background: url(img/search_btn.png) no-repeat center center; border: 1px solid #d6d6d6; padding: 5px; border-left: none; border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; -webkit-border-radius: 0 8px 8px 0;}
.index_content6 .news_content .detail_title{padding: 10px 20px 0 20px; margin-bottom: 15px; border-bottom: 1px solid #e7e7e7;}
.index_content6 .news_content .detail_title p{font-size: 18px; color: #000; border-bottom: 2px solid #218dec; padding-bottom: 10px;}
.index_content6 .news_content .detail_title a{display: block; font-size: 12px; color: #000; margin-top: 5px;}
.index_content6 .news_content .left_box{width: 697px; background-color: #fff; border: 1px solid #e7e7e7; border-bottom: 2px solid #218dec;}
.index_content6 .news_content .left_box img{display: block; margin: 20px auto;}
.index_content6 .news_content .left_box .news_type1{padding: 0 50px;}
.index_content6 .news_content .left_box .news_type1 li{height: 30px; border-bottom: 1px dashed #e7e7e7; padding: 10px 0;}
.index_content6 .news_content .left_box .news_type1 li i{display: inline-block; width: 80px; text-indent: 10px; font-size: 12px; color: #000;}
.index_content6 .news_content .left_box .news_type1 li a.text{display: inline-block; width: 400px; font-size: 12px; color: #000;}
.index_content6 .news_content .left_box .news_type1 li a.btn{display: block; width: 85px; text-align: center; line-height: 24px; font-size: 14px; color: #218dec; border: 1px solid #218dec; border-radius: 12px; -moz-border-radius: 12px;  -webkit-border-radius: 12px;}
.index_content6 .news_content .left_box .news_type1 li a.btn:hover{background: #218dec; color: #fff; text-decoration: none;}
.index_content6 .news_content .right_box{width: 485px; background-color: #fff; border: 1px solid #e7e7e7; border-bottom: 2px solid #218dec;}
.index_content6 .news_content .right_box .news_type2{padding: 0 20px;}
.index_content6 .news_content .right_box .news_type2 li{padding: 16px 0; border-bottom: 1px dashed #e7e7e7;}
.index_content6 .news_content .right_box .news_type2 li .date{width: 89px; height: 89px; border: 2px solid #dfe2e7; text-align: center; color: #dfe2e7;}
.index_content6 .news_content .right_box .news_type2 li .date.chose{background-color: #f00835; border: 2px solid #f00835; color: #fff;}
.index_content6 .news_content .right_box .news_type2 li .date i{display: block; height: 60px; font-size: 48px;  font-weight: bold;}
.index_content6 .news_content .right_box .news_type2 li .date p{text-align: center; font-size: 18px; }
.index_content6 .news_content .right_box .news_type2 li .ifo{width: 320px; padding: 10px;}
.index_content6 .news_content .right_box .news_type2 li .ifo a{display: inline-block; padding-bottom: 5px; font-size: 14px; color: #333;}
.index_content6 .news_content .right_box .news_type2 li .ifo p{font-size: 12px; height: 44px; overflow: hidden; color: #b2b2b2; line-height: 22px;}
/*demo7*/
.index_content7{height: 592px; background: url(img/new_contact_bg.jpg) no-repeat center center;}
.index_content7 h2{padding-top: 56px; text-align: center; font-size: 30px; color: #fff; font-weight: bold;}
.index_content7 h3{padding-top: 6px; text-align: center; font-size: 24px; color: #fff;}
.index_content7 .content_box{padding-top: 70px;}
.index_content7 .leave_message_board{width: 800px;}
.index_content7 .leave_message_board dl p{font-size: 20px; color: #666; padding-bottom: 30px;}
.index_content7 .leave_message_board dl label{display: block; position: relative;}
.index_content7 .leave_message_board dl label.l1{height: 46px; background: #fff; border:1px solid #b2b2b2; margin-right: 20px;}
.index_content7 .leave_message_board dl label.l1 span{position: absolute; left: 15px; top: 15px; font-size: 14px; color: #666;}
.index_content7 .leave_message_board dl label.l1 input[type="text"]{width: 365px; height: 100%; padding: 0 5px; text-indent: 10px; line-height: 36px; background: transparent; color: #666; border:none;}
.index_content7 .leave_message_board dl label.l2{width: 775px; height: 200px; margin-top: 20px; background: #fff; border:1px solid #b2b2b2; margin-right: 20px;}
.index_content7 .leave_message_board dl label.l2 span{position: absolute; left: 15px; top: 10px; font-size: 14px; color: #666;}
.index_content7 .leave_message_board dl label.l2 textarea{width: 765px; height: 100%; resize:none; text-indent: 10px; padding: 0 5px; line-height: 36px; background: transparent; color: #666; border: none;}
.index_content7 .leave_message_board dl input[type="submit"]{width: 778px; height: 40px; margin-top: 10px; border: none; background: #f00835; font-family: "????????????"; color: #fff}
.index_content7 .contact_ifo{width: 330px; padding: 20px 35px; background-color: #f00835;}
.index_content7 .contact_ifo h4{padding-bottom: 10px; border-bottom: 1px solid #f3395d; font-size: 18px; color: #fff;}
.index_content7 .contact_ifo h4 strong{font-size: 12px;}
.index_content7 .contact_ifo p{padding:0 0 0 20px; margin-top: 13px; font-size: 14px; color: #fff;}
.index_content7 .contact_ifo p.p1{background: url(img/index_contact_ico1.png) no-repeat left center;}
.index_content7 .contact_ifo p.p2{background: url(img/index_contact_ico2.png) no-repeat left center;}
.index_content7 .contact_ifo p.p3{background: url(img/index_contact_ico3.png) no-repeat left center;}
.index_content7 .contact_ifo p.p4{background: url(img/index_contact_ico4.png) no-repeat left center;}
.index_content7 .contact_ifo p.p5{border-bottom: 1px solid #f3395d; padding-bottom: 14px; background: url(img/index_contact_ico5.png) no-repeat left 3px;}
.index_content7 .contact_ifo p.p6{background: url(img/index_contact_ico6.png) no-repeat left 2px;}
/*demo7*/

.three_and_one{background: #fafafa; padding: 30px 0;}
.three_and_one h3{font-size: 30px; color: #36393d; text-align: center;}
.three_and_one h4{font-size: 16px; color: #666; text-align: center; line-height: 35px;}
.three_and_one .ifo{width: 1200px; height: 100px; position: relative;}
.three_and_one .ifo span{display: block; width: 270px; text-align: center; position: absolute;}
.three_and_one .ifo span.s1{left: 50px;}
.three_and_one .ifo span.s2{left: 530px;}
.three_and_one .ifo span.s3{left: 930px;}
.three_and_one .ifo .p1{font-size: 24px; color: #36393d; padding-bottom: 10px;}
.three_and_one .ifo .p2{font-size: 14px; color: #b2b2b2;}


.new_ad{height: 70px; position: relative;}
.new_ad a{display: block; width: 100%; height: 70px; position: absolute; left: 0; top: 0;}
.new_ad a.ad1{background: url(img/new_ad1.jpg) no-repeat center center;}
.new_ad a.ad2{background: url(img/new_ad2.png) no-repeat center center;}

.new_three_point{margin-right: -20px;}
.new_three_point_list{width: 384px; height: 148px; border: 1px solid #e7e7e7; margin-right: 20px;}
.new_three_point_list.chose{background: #0072dc;}
.new_three_point_list .pic{width: 148px; height: 148px;}
.new_three_point_list .ifo{width: 230px;}
.new_three_point_list .pic span{display: block; width: 80px; height: 80px; background: #ccc; margin: 34px 0 0 40px;}
.new_three_point_list .pic span.s1{background: url(img/new_ico1_n.png);}
.new_three_point_list .pic span.s2{background: url(img/new_ico2_n.png);}
.new_three_point_list .pic span.s3{background: url(img/new_ico3_n.png);}
.new_three_point_list .pic span.s1.chose{background: url(img/new_ico1_c.png);}
.new_three_point_list .pic span.s2.chose{background: url(img/new_ico2_c.png);}
.new_three_point_list .pic span.s3.chose{background: url(img/new_ico3_c.png);}
.new_three_point_list .ifo h3{font-size: 24px; font-weight: bold; color: #0072dc; padding-top: 30px;}
.new_three_point_list .ifo p{font-size: 14px; color: #656565; line-height: 30px;}
.new_three_point_list .ifo a{font-size: 13px; color: #b2b2b2;}
.three_and_one{background: #fafafa; padding: 30px 0;}
.three_and_one h3{font-size: 30px; color: #36393d; text-align: center;}
.three_and_one h4{font-size: 16px; color: #666; text-align: center; line-height: 35px;}
.three_and_one .ifo{width: 1200px; height: 100px; position: relative;}
.three_and_one .ifo span{display: block; width: 270px; text-align: center; position: absolute;}
.three_and_one .ifo span.s1{left: 50px;}
.three_and_one .ifo span.s2{left: 530px;}
.three_and_one .ifo span.s3{left: 930px;}
.three_and_one .ifo .p1{font-size: 24px; color: #36393d; padding-bottom: 10px;}
.three_and_one .ifo .p2{font-size: 14px; color: #b2b2b2;}

.new_web_type{margin-bottom: 30px;}
.new_web_type_box{margin-right: -3px;}
.new_web_type_list{width: 294px; height: 148px; border: 1px solid #f4f4f7; margin-right: 3px;}
.new_web_type_list.n1{background: url(img/new_ico3.png) no-repeat center center;}
.new_web_type_list.n2{background: url(img/new_ico4.png) no-repeat center center;}
.new_web_type_list.n3{background: url(img/new_ico5.png) no-repeat center center;}
.new_web_type_list.n4{background: url(img/new_ico6.png) no-repeat center center;}
.new_web_type_list p{width: 76%; height: 100px; padding: 40px 12% 10px 12%; font-size: 14px; line-height: 24px; color: #fff; display: none;}
.new_web_type_list p.p1{background: #3bb2fe;}
.new_web_type_list p.p2{background: #ff9800;}
.new_web_type_list p.p3{background: #31d4e7;}
.new_web_type_list p.p4{background: #f65439;}

.coupons{height: 140px; background: url(img/new_ad3.png) no-repeat center center;}
.coupons .wrapper{position: relative;}
.coupons .a1{display: block; width: 118px; height: 33px; position: absolute; left: 560px; top: 75px;}
.coupons .a2{display: block; width: 235px; height: 73px; position: absolute; right: 6px; top: 27px;}
.coupons p{font-size: 14px; color: #fff; position: absolute; right: 80px; top: 110px;}
.index_content1{background: #fff; padding: 50px 0;}
.index_content1 .service_no{text-align: center; font-size: 24px; color: #b2b2b2; padding-bottom: 30px;}
.index_content1 .service_no img{display: inline-block; padding: 0 10px; margin-bottom: -10px;}
.index_content1 .three_point{width: 100%; padding-top: 50px;}
.index_content1 .point{width: 337px; height: 337px; margin: 0 30px; border: 1px solid #dfe2e7; position: relative;}
.index_content1 .point .pic{display: block; width: 70px; height: 70px; background-color: #ccc; margin: 65px auto 0px;}
.index_content1 .point .pic.pic1{background:url(img/three_ico1.png) no-repeat center center;}
.index_content1 .point .pic.pic1.chose{background:url(img/three_ico1_1.png) no-repeat center center;}
.index_content1 .point .pic.pic2{background:url(img/three_ico2.png) no-repeat center center;}
.index_content1 .point .pic.pic2.chose{background:url(img/three_ico2_1.png) no-repeat center center;}
.index_content1 .point .pic.pic3{background:url(img/three_ico3.png) no-repeat center center;}
.index_content1 .point .pic.pic3.chose{background:url(img/three_ico3_1.png) no-repeat center center;}
.index_content1 .point h2{text-align: center; font-size: 24px; line-height: 50px; font-weight: bold; color: #0072dc;}
.index_content1 .point h2.chose{color: #f00835;}
.index_content1 .point p{font-size: 14px; color: #656565; width: 200px; margin: 0 auto;}
.index_content1 .point a{display: block; font-size: 14px; width: 156px; position: absolute; left: 50%; margin-left: -78px; bottom: 65px; line-height: 32px; text-align: center; background-color: #0072dc; color: #fff; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;}
.index_content1 .point a:hover{text-decoration: none;}
.index_content1 .point a.chose{background-color: #f00835;}