/*top*/
#top{height: 30px; position:fixed; left:0; top:0;}
#top .box1{padding: 0 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: 0 0 0 0;}
#top .box2 span{display: block; float: left; font-size: 14px; color: #36393d; padding-left: 23px; background: url("../image/index/ico1.png") no-repeat left center;}
/*nav*/
#nav{height: 70px; position:fixed; left:0; top:30px; background-color: #fff; /*border-bottom: 2px solid #f4f4f7;*/  z-index:99999;box-shadow: 0 2px 6px rgba(0, 0, 0, .1);}
#nav .logo{padding: 10px 0 0 0;}
#nav .main_nav a{display: inline-block; margin: 0 10px; width: 88px; line-height: 30px;padding-top:15px; text-align: center; font-size: 14px; color: #666;  float: left;}
#nav .main_nav a.chose{ border-bottom: 2px solid #ff6a13; color: #ff6a13;}
#nav .main_nav a:hover{text-decoration: none;  border-bottom: 2px solid #ff6a13; color: #ff6a13;}
#nav .build_nav{width: 100%; height: 98px; background: url("../image/index/white_bg.png"); position: absolute; left: 0 ;top: 81px;  z-index: 99999; display: none;}
#nav .build_nav .build_type_list{width: 300px; height: 100%;}
#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("../image/index/build_ico1.png") no-repeat center center;}
#nav .build_nav .build_type_list .pic a.ico2{background: url("../image/index/build_ico2.png") no-repeat center center;}
#nav .build_nav .build_type_list .pic a.ico3{background: url("../image/index/build_ico3.png") no-repeat center center;}
#nav .build_nav .build_type_list .pic a.ico4{background: url("../image/index/build_ico4.png") no-repeat center center;}
#nav .build_nav .build_type_list .ifo{width: 160px;}
#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;}
/*banner*/ 
.banner{ min-width: 1200px; height: 500px; background: #ccc url(../../templets/image/banner/banner4.jpg) no-repeat center; 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("../image/banner/7.png"); margin-top: 4px;}
.banner_small_pic li.chose{background: url("../image/banner/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("../image/banner/bl.png")}
.banner_right_btn{ right: 20px; background:url("../image/banner/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: 240px; height: 337px; margin: 0 30px;  position: relative;}
.index_content1 .point .pic{display: block; width: 240px; height: 200px; background-color: #ccc; /*margin: 65px auto 0px;*/}
.index_content1 .point .pic.pic1{background:url("../image/index/service_1.jpg") no-repeat center center;}
.index_content1 .point .pic.pic1.chose{background:url("../image/index/service_1.jpg") no-repeat center center;}
.index_content1 .point .pic.pic2{background:url("../image/index/service_2.jpg") no-repeat center center;}
.index_content1 .point .pic.pic2.chose{background:url("../image/index/three_ico2_1.png") no-repeat center center;}
.index_content1 .point .pic.pic3{background:url("../image/index/service_3.jpg") no-repeat center center;}
.index_content1 .point .pic.pic3.chose{background:url("../image/index/three_ico3_1.png") no-repeat center center;}
.index_content1 .point .pic.pic4{background:url("../image/index/service_4.jpg") no-repeat center center;}
.index_content1 .point h2{text-align: center; font-size: 18px; line-height: 50px; color: #333;}
.index_content1 .point h2.chose{color: #333;}
.index_content1 .point p{font-size: 14px; color: #656565; width: 200px; margin: 0 auto;}
.index_content1 .point a{display: block; font-size: 12px; width: 120px; position: absolute; left: 50%; margin-left: -78px; bottom: 10px; line-height: 32px; text-align: center; /*background-color: #ff6a13;*/ color: #ff6a13; border:1px solid #ff6a13/*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: #72af50;} */
/*demo2*/
.index_content2{height: 600px; background: url("../image/index/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: 20px; 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 #ff6a13;}
.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("../image/index/float.png"); position: absolute; left: 0; top: 0; display: none;}

.team_title{text-align: center;}
.team_title h2{font-size: 20px; font-weight: bold; color: #333333;}
.team_title span{display: inline-block; width: 90px; height: 3px; margin: 10px 0;}
.team_title p{font-size: 12px; color: #666; line-height: 20px;}
/*demo3*/
.index_content3{padding: 50px 0;}
.index_content3 .team_title{text-align: center;}
.index_content3 .team_title h2{font-size: 20px; 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: #ff6a13;}*/
.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("../image/index/concept_ico1.png") no-repeat left center;}
.index_content3 .concept .left_box .concept_list span.c2{background: url("../image/index/concept_ico2.png") no-repeat left center;}
.index_content3 .concept .left_box .concept_list span.c3{background: url("../image/index/concept_ico3.png") no-repeat left center;}
.index_content3 .concept .left_box .concept_list span.c4{background: url("../image/index/concept_ico4.png") no-repeat left center;}
.index_content3 .concept .left_box .concept_list span.c1.chose{background: url("../image/index/concept_ico1.png") no-repeat left center; }
.index_content3 .concept .left_box .concept_list span.c2.chose{background: url("../image/index/concept_ico2_1.png") no-repeat left center; color: #fff;}
.index_content3 .concept .left_box .concept_list span.c3.chose{background: url("../image/index/concept_ico3_1.png") no-repeat left center; color: #fff;}
.index_content3 .concept .left_box .concept_list span.c4.chose{background: url("../image/index/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("../image/index/ico2.png") no-repeat left center;}
.index_content3 .concept .right_box .btn_box a.a2{background:url("../image/index/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: #ff6a13; 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: 500px;background:#f2f2f2 url(../image/index/adbbg.jpg) no-repeat center;} 
.index_content4 h2{text-align: center; font-size: 20px; color: #333; font-weight: bold; padding-top: 40px;}
.index_content4 h3{text-align: center; font-size: 14px; color: #666; padding-top: 10px;}
.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("../image/index/ad_ico1.png")}
.advantages_box .advantages.ad2{background:url("../image/index/ad_ico2.png")}
.advantages_box .advantages.ad3{background:url("../image/index/ad_ico3.png")}
.advantages_box .advantages.ad4{background:url("../image/index/ad_ico4.png")}
.advantages_box .advantages.ad5{background:url("../image/index/ad_ico5.png")}
.advantages_box .advantages.ad6{background:url("../image/index/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.ad1.chose{background:url("../image/index/ad_ico1_1.png");}
.advantages_box .advantages.ad2.chose{background:url("../image/index/ad_ico2_1.png");}
.advantages_box .advantages.ad3.chose{background:url("../image/index/ad_ico3_1.png");}
.advantages_box .advantages.ad4.chose{background:url("../image/index/ad_ico4_1.png");}
.advantages_box .advantages.ad5.chose{background:url("../image/index/ad_ico5_1.png");}
.advantages_box .advantages.ad6.chose{background:url("../image/index/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("../image/index/arrow_ico.png"); display: none;}
.index_content5 .tab_btn p.p1{background:url("../image/index/case_ico1.png") no-repeat 150px center;}
.index_content5 .tab_btn p.p2{background:url("../image/index/case_ico2.png") no-repeat 150px center;}
.index_content5 .tab_btn p.p3{background:url("../image/index/case_ico3.png") no-repeat 150px center;}
.index_content5 .tab_btn p.p1.chose{background:url("../image/index/case_ico1_1.png") no-repeat 150px center #218dec; color: #fff;}
.index_content5 .tab_btn p.p2.chose{background:url("../image/index/case_ico2_1.png") no-repeat 150px center #218dec; color: #fff;}
.index_content5 .tab_btn p.p3.chose{background:url("../image/index/case_ico3_1.png") no-repeat 150px center #218dec; color: #fff;}
.index_content5 .case_tab_box{width: 100%; height: 690px; position: relative;}
.index_content5 .case_tab_box .case_type{width: 1200px; height: 690px; 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("../image/index/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("../image/index/case_contact_ico2.png") no-repeat 50px center #218dec;}
.index_content5 .new_case_list .case_contact .a2{background: url("../image/index/case_contact_ico1.png") no-repeat 50px center #ff6a13;}
/*demo6*/
.index_content6{padding: 50px 0; background: #fafafa;}
/*.index_content6 .news_title{ 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("../image/index/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; }
.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;}
.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: #ff6a13; border: 2px solid #ff6a13; color: #fff;}
.index_content6 .news_content .right_box .news_type2 li .date i{display: block; height: 60px; font-size: 32px;  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("../image/index/new_contact_bg.jpg") no-repeat center center;}
.index_content7 h2{padding-top: 56px; text-align: center; font-size: 20px; color: #333; font-weight: bold;}
.index_content7 h3{padding-top: 6px; text-align: center; font-size: 16px; 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;  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: 367px; 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: 774px; height: 200px; margin-top: 20px; background: #fff;  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: 764px; 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="button"]{width: 774px; height: 40px; margin-top: 10px; border: none; background: #ff6a13; font-family: "微软雅黑"; color: #fff}
.index_content7 .contact_ifo{width: 330px; padding: 14px 35px; background-color: #ff6a13;}
.index_content7 .contact_ifo h4{padding-bottom: 10px; border-bottom: 1px solid #fff; 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("../image/index/index_contact_ico1.png") no-repeat left center;}
.index_content7 .contact_ifo p.p2{background: url("../image/index/index_contact_ico2.png") no-repeat left center;}
.index_content7 .contact_ifo p.p3{background: url("../image/index/index_contact_ico3.png") no-repeat left center;}
.index_content7 .contact_ifo p.p4{background: url("../image/index/index_contact_ico4.png") no-repeat left center;}
.index_content7 .contact_ifo p.p5{border-bottom: 1px solid #fff; padding-bottom: 14px; background: url("../image/index/index_contact_ico5.png") no-repeat left 3px;}
.index_content7 .contact_ifo p.p6{background: url("../image/index/index_contact_ico6.png") no-repeat left 2px;}