@charset "utf-8";
/* CSS Document */


/* 首页 -------------------- */ 
.banner{ width:100%; height:500px; float:left; position:relative; overflow:hidden; background:#FFF;}
.banner ul.slides{ height:500px; overflow:hidden;
	-webkit-backface-visibility:hidden;
	-webkit-transform-style:preserve-3d;
	-webkit-transition:all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition:all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition:all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition:all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition:all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.banner ul.slides li.slide{ width:100%; height:500px; float:left; clear:none; background-position:center; background-repeat:no-repeat;}
.banner .switch{ width:48px; height:118px; float:left; position:absolute; top:0; bottom:0; margin:auto; overflow:hidden; text-indent:-999px;}
.banner .switch.next{ right:4%; background:url(../../img/swiper-button-next.png) left no-repeat; background-size:auto 100%;}
.banner .switch.prev{ left:4%; background:url(../../img/swiper-button-pre.png) left no-repeat; background-size:auto 100%;}
.banner .slider_nav{ position:absolute; bottom:30px;}
.banner .slider_nav a{ width:20px; height:20px; float:left; clear:none; margin:0 10px; background:#FFF; opacity:0.8;}
.banner .slider_nav a.item{ background:#0C7AE2;}


.track{ width:100%; float:left; padding:108px 0 0 0; position:relative; background:#2D55AD;}
.track .main{ width:1200px; height:118px; margin:auto; position:absolute; top:-10px; left:0; right:0; background:#2273CB;}
.track .main::before{ content:''; position:absolute; top:0; right:-6px; border-bottom:10px solid #002880; border-right:6px solid transparent;}
.track .main::after{ content:''; position:absolute; top:0; left:-6px; border-bottom:10px solid #003C8D; border-left:6px solid transparent;}
.track .main .check{ width:40%; height:118px; float:left; box-sizing:border-box; padding:0 24px; position:absolute; bottom:0; left:0; background:rgba(23,144,233,0.3);}
.track .main .check .bt{ width:100%; height:58px; float:left; align-items:center; display:flex; color:#FFF; font-size:20px; font-weight:bold;}
.track .main .check .sbox{ width:100%; height:40px; float:left; position:relative; box-sizing:border-box; padding:0 88px 0 0; background:#FFF;}
.track .main .check .sbox input{ width:100%; height:40px; float:left; box-sizing:border-box; padding:0 0 0 20px;}
.track .main .check .sbox input:focus{ border:0 !important;}
.track .main .check .sbox a{ width:88px; height:40px; float:left; align-items:center; display:flex; justify-content:center; color:#333; position:absolute; top:0; right:0; background:#FFD64F;}

.track .main .quick{ width:60%; height:118px; float:right;}
.track .main .quick li{ width:25%; height:118px; float:left; padding:20px 0;}
.track .main .quick li:hover{ background:rgba(23,144,233,0.3);}
.track .main .quick li a{ width:100%; height:78px; float:left; position:relative; box-sizing:border-box; padding:48px 0 0 0; align-items:center; display:flex; justify-content:center; color:#FFF;}
.track .main .quick li a.a01{ background:url(../../img/pack01.png) center 6px no-repeat; background-size:auto 36px;}
.track .main .quick li a.a02{ background:url(../../img/pack02.png) center 6px no-repeat; background-size:auto 36px;}
.track .main .quick li a.a03{ background:url(../../img/pack03.png) center 6px no-repeat; background-size:auto 36px;}
.track .main .quick li a.a04{ background:url(../../img/pack04.png) center 6px no-repeat; background-size:auto 36px;}


.measure{ width:100%; float:left; padding:0 0 76px 0; background:#FFF;}
.measure .tite{ width:100%; float:left; padding:40px 0;}
.measure .tite h3{ width:100%; height:46px; float:left; position:relative; align-items:center; display:flex; justify-content:center; font-size:28px; padding:0 0 10px 0;}
.measure .tite h3::before{ content:''; width:40px; height:1px; margin:auto; position:absolute; bottom:0px; right:0; left:0; background:#383838;}
.measure .tite p{ width:100%; height:30px; float:left; align-items:center; display:flex; justify-content:center; padding:7px 0 0 0; color:#888888;}
.measure .main{ width:1200px; margin:auto; position:relative; overflow:hidden;}
.measure .main::before{ content:''; height:2px; float:left; position:absolute; bottom:29px; right:100px; left:100px; background:#E7E7E7;}
.measure .main li{ width:216px; height:280px; float:left; position:relative; margin:0 0 0 30px;}
.measure .main li:nth-child(1){ margin:0 0 0 0;}
.measure .main li h5{ width:100%; height:150px; float:left; align-items:center; display:flex; justify-content:center; font-size:18px; padding:90px 0 0 0;}
.measure .main li p{ width:100%; float:left; line-height:1.4em; padding:5px 0; color:#686868; text-align:center;}
.measure .main li em{ width:60px; height:60px; float:left; margin:auto; position:absolute; bottom:0; left:0; right:0; box-sizing:border-box; font-size:28px; font-weight:bold; align-items:center; display:flex; justify-content:center; border-radius:100%; background:#FFF; border:2px solid #E7E7E7;}
.measure .main li.s01 em{ color:#FF871D; border:2px solid #FF871D; }
.measure .main li.s02 em{ color:#237CF4; border:2px solid #237CF4; }
.measure .main li.s03 em{ color:#8664E7; border:2px solid #8664E7; }
.measure .main li.s04 em{ color:#0ED583; border:2px solid #0ED583; }
.measure .main li.s05 em{ color:#0099FF; border:2px solid #0099FF; }
.measure .main li.s01 h5{ background:url(../../img/step_01.png) center 15px no-repeat; background-size:auto 60px; }
.measure .main li.s02 h5{ background:url(../../img/step_02.png) center 15px no-repeat; background-size:auto 60px; }
.measure .main li.s03 h5{ background:url(../../img/step_03.png) center 15px no-repeat; background-size:auto 60px; }
.measure .main li.s04 h5{ background:url(../../img/step_04.png) center 15px no-repeat; background-size:auto 60px; }
.measure .main li.s05 h5{ background:url(../../img/step_05.png) center 15px no-repeat; background-size:auto 60px; }


.news{ width:100%; float:left;}
.news .tite{ width:100%; float:left; padding:40px 0 30px 0;}
.news .tite h3{ width:100%; height:46px; float:left; position:relative; align-items:center; display:flex; justify-content:center; font-size:28px; padding:0 0 10px 0;}
.news .tite h3::before{ content:''; width:40px; height:1px; margin:auto; position:absolute; bottom:0px; right:0; left:0; background:#383838;}
.news .tite p{ width:100%; height:30px; float:left; align-items:center; display:flex; justify-content:center; padding:7px 0 0 0; color:#888888;}
.news .main{ width:1240px; margin:auto; padding:10px 20px 60px 20px; overflow:hidden;}
.news .main .list{ width:380px; float:left; padding:10px 0 0 0; margin:0 0 0 30px; background:#FFF; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:3px;}
.news .main .list:nth-child(1){ margin:0 0 0 0;}
.news .main .list .sbox{ width:100%; float:left; box-sizing:border-box; padding:0 20px;}
.news .main .list .sbox h5{ width:100%; height:60px; float:left; box-sizing:border-box; padding:0 20px; margin:45px 0 30px 0; font-size:18px; line-height:30px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-align:justify !important;}
.news .main .list .sbox p{ width:100%; height:78px; float:left; box-sizing:border-box; padding:0 20px; line-height:26px; margin-bottom:60px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; color:#666666; text-align:justify !important;}
.news .main .list .pic{ width:100%; height:186px; float:left; box-sizing:border-box; padding:0 10px; overflow:hidden; align-items:center; display:flex; justify-content:center;}
.news .main .list .pic img{ width:100%; float:left;}



.embellish{ width:100%; height:240px; float:left; position:absolute; left:0; right:0; top:70px; z-index:-1; background:url('../../img/222952782.jpg') center no-repeat; background-size:100% auto;}

.main_body{ width:1220px; margin:0 auto; overflow:hidden; padding:190px 10px 60px 10px;}
.main_body .column{ width:300px; float:left;}
.main_body .column .stitle{ height:100px; background:-webkit-gradient(linear, left top, right top, from(#0C7AE2), to(#7dabf6)); background:-o-linear-gradient(left, #0C7AE2, #7dabf6); background:linear-gradient(to right, #0C7AE2, #7dabf6); background-color:#0C7AE2\9\0;}
.main_body .column .stitle p{ font-size:16px; color:#FFF;}
.main_body .column .stitle .en{ padding:28px 0 5px 25px; font-family:arial; text-transform:uppercase; opacity:0.3;}
.main_body .column .stitle .zh{ padding-left:25px;}

.main_body .column .sbox{ width:100%; float:left; box-sizing:border-box; padding:0 25px 25px 25px; background:#FFF;}
.main_body .column .sbox li{ width:100%; float:left; position:relative; border-top:1px solid #F3F3F3;}
.main_body .column .sbox li:first-child{ border-top:0; }
.main_body .column .sbox li a{ width:100%; height:50px; float:left; line-height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_body .column .sbox li::before{ content:''; width:4px; height:2px; float:left; margin:auto; position:absolute; top:0; bottom:0; left:-14px; background:#9A9A9A;}

.main_body .mainc{ width:880px; float:right; background:#FFF; }

.main_body .site{ width:100%; float:left; box-sizing:border-box; padding:0 40px; background:#F2F2F2;}
.main_body .site i{ height:50px; float:left; line-height:50px; color:#666;}
.main_body .site u{ height:50px; float:left; line-height:50px; padding:0 8px; color:#666; text-decoration:none;}
.main_body .site a{ height:50px; float:left; line-height:50px; color:#666;}
.main_body .site b{ height:50px; float:left; line-height:50px; font-weight:normal; color:#666;}

.main_body .mainc .main{ width:100%; float:left; box-sizing:border-box; padding:20px 40px 0 40px;}
.main_body .mainc .main .list{ width:100%; float:left; padding:20px 0; border-bottom:1px solid #F0F0F0;}
.main_body .mainc .main .list .sbox{ height:128px; display:block; overflow:hidden; background:#FFF; }
.main_body .mainc .main .list .sbox h3{ width:100%; height:40px; float:left; font-size:16px; align-items:center; display:flex;}
.main_body .mainc .main .list .sbox i{ height:30px; float:left; line-height:30px; font-size:12px; color:#888; margin:0 20px 0 0;}
.main_body .mainc .main .list .sbox p{ width:100%; float:left; line-height:1.8em; padding:4px 0 0 0; text-align:justify; color:#666; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.main_body .mainc .main .list .npic{ width:200px; height:132px; float:left; overflow:hidden; align-items:center; display:flex; margin:0 20px 0 0; background:#F8F8F8; border-radius:2px;}
.main_body .mainc .main .list .npic img{ width:100%; float:left;}

.main_body .mainc .main .c_lsit{ width:100%; float:left; border-bottom:1px solid #F0F0F0;}
.main_body .mainc .main .c_lsit a{ max-width:666px; height:50px; float:left; align-items:center; display:flex; position:relative; padding:0 0 0 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_body .mainc .main .c_lsit a::before{ content:''; width:6px; height:2px; float:left; margin:auto; position:absolute; top:0; bottom:0; left:0; background:#0C7AE2;}
.main_body .mainc .main .c_lsit i{ height:50px; float:right; align-items:center; display:flex; color:#666;}



/* 分页 --------------- */
.main_body .mainc .page{ width:100%; float:left; box-sizing:border-box; padding:30px 40px 60px 40px;}
.main_body .mainc .page .pagination-info{ height:33px; float:left; align-items:center; display:flex; color:#686868;}
.main_body .mainc .page .sbox{ height:33px; float:right; text-align:center;}
.main_body .mainc .page .sbox a{ float:left; font-size:14px; padding:6px 9px; margin:0 0 0 6px; color:#686868; min-width:15px; transition:background-color ease .5s; border:1px solid #F0F0F0;}
.main_body .mainc .page .sbox span{ float:left; padding:6px 10px; min-width:15px; margin:0 0 0 6px; color:#686868; border:1px solid #F0F0F0;}
.main_body .mainc .page .sbox span.current{ display:inline-block; background:#4D30B2; color:#FFF; padding:6px 9px; min-width:15px; border:1px solid #4D30B2;}


.main_body .mainc .writing{ width:100%; float:left; box-sizing:border-box; padding:20px 40px;}
.main_body .mainc .writing .title{ width:100%; float:left; padding:20px 0; border-bottom:1px solid #F0F0F0;}
.main_body .mainc .writing .title h1{ width:100%; float:left; text-align:center; padding:0 0 20px 0; line-height:1.6em; font-size:22px; font-weight:400; color:#0C7AE2;}
.main_body .mainc .writing .sbox{ width:100%; height:20px; float:left; align-items:center; display:flex; justify-content:center;}
.main_body .mainc .writing .title i{ height:20px; float:left; line-height:20px; padding:0 10px; color:#888; font-size:12px;}
.main_body .mainc .writing .wbox{ width:100%; float:left; padding:0 0 40px 0;}
.main_body .mainc .writing .wbox p{ width:100%; float:left; line-height:1.8em; text-indent:2em; padding:20px 0 0 0; text-align:justify;}
/**.main_body .mainc .writing .wbox img{ max-width:100%; float:left; }*/
.main_body .mainc .writing .wbox .npic{ width:100%; float:left; padding:20px 0 0 0; align-items:center; display:flex; justify-content:center;}
.main_body .mainc .writing .downbox{ width:100%; float:left; padding:20px 0 30px 0; border-top:1px dashed #E6E6E6;}
.main_body .mainc .writing .downbox a{ width:100%; height:30px; float:left; line-height:30px;}


.estimate{ width:100%; float:left; box-sizing:border-box; padding:0 0 60px 0; background:#FFF; }
.estimate .title{ width:100%; float:left; padding:0 0 30px 0; position:relative;}
.estimate .title::before{ content:''; height:1px; margin:auto; position:absolute; bottom:0px; right:40px; left:40px; background:#F0F0F0;}
.estimate .title p{ font-size:16px; text-align:center;}
.estimate .title .en{ padding:30px 40px 5px 40px; font-family:arial; text-transform:uppercase; opacity:0.3;}
.estimate .title .zh{ padding:0 40px 20px 40px; position:relative;}
.estimate .title .zh::before{ content:''; width:30px; height:1px; margin:auto; position:absolute; bottom:0px; right:0; left:0; background:#383838;}

.estimate .bt{ width:100%; height:50px; float:left; position:relative; align-items:center; display:flex; justify-content:center;}
.estimate .bt i{ height:50px; float:left; align-items:center; display:flex; padding:0 20px; position:relative; z-index:1; font-size:16px; background:#FFF;}
.estimate .bt::before{ content:''; height:1px; margin:auto; position:absolute; top:0; bottom:0; right:400px; left:400px; background:#ACACAC;}

.estimate .mbox{ width:calc(100% - 80px); float:left; position:relative; padding:25px 40px 0 40px;}
.estimate .mbox::before{ content:''; height:1px; position:absolute; top:5px; right:40px; left:40px; background:#F0F0F0;}
.estimate .mbox .query{ width:100%; float:left; padding:0 0 20px 0; border-bottom:5px groove #F0F0F0;}
.estimate .mbox .query .list{ width:100%; height:40px; float:left; margin:10px 0;}
.estimate .mbox .query .list .bto{ width:20%; height:40px; float:left; box-sizing:border-box; padding:0 20px; align-items:center; display:flex; background:#FAFAFA; border:1px solid #F0F0F0; border-right:0;}
.estimate .mbox .query .list .bto i{ color:#FF0000;}
.estimate .mbox .query .list .sbox{ width:80%; height:40px; float:left; position:relative;}
.estimate .mbox .query .list .sbox input{ width:100%; height:40px; float:left; position:relative; box-sizing:border-box; padding:10px 20px; border:1px solid #F0F0F0;}

.estimate .mbox .query .list .sbox .sbox_main{ width:100%; float:left; max-height:300px; overflow-y:auto; position:absolute; top:50px; left:0; z-index:3; background:#FFF; box-sizing:border-box; padding:10px 0; box-shadow:6px 6px 16px rgba(0,0,0,0.1);}
.estimate .mbox .query .list .sbox .sbox_main::before{ content:''; width:19px; height:8px; float:left; position:absolute; top:-8px; left:40px; background:url(../../img/upper.png) center top no-repeat;}
.estimate .mbox .query .list .sbox .sbox_main .s_list{ width:100%; height:42px; float:left; position:relative; padding:0 20px; align-items:center; display:flex; cursor:pointer; /*border-top:1px solid #F0F0F0;*/}
.estimate .mbox .query .list .sbox .sbox_main .s_list::before{ content:''; height:1px; float:left; position:absolute; bottom:0; left:20px; right:20px; background:#F0F0F0;}
.estimate .mbox .query .list .sbox .sbox_main .s_list:nth-child(1){ border-top:0;}
.estimate .mbox .query .list .sbox .sbox_main .s_list:hover{ background:#F9F9F9;}

.estimate .mbox .query .list .deep{ width:50%; height:40px; float:left;}
.estimate .mbox .query .list .deep .bto{ width:40%; border:1px solid #F0F0F0; border-right:0;}
.estimate .mbox .query .list .deep .bto.m{ border-left:0;}
.estimate .mbox .query .list .deep .cbox{ height:40px; display:block; overflow:hidden;}
.estimate .mbox .query .list .deep .cbox i{ width:30px; height:40px; float:left; box-sizing:border-box; align-items:center; display:flex; justify-content:center; border-top:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0; background:#FAFAFA;}
.estimate .mbox .query .list .deep .cbox input{ width:100%; height:40px; float:left; position:relative; box-sizing:border-box; padding:10px 20px; border:1px solid #F0F0F0;}
.estimate .mbox .query .list .deep .cbox input.define{ width:84px; padding:10px 15px;}
.estimate .mbox .query .list .deep .cbox select{ width:100%; height:40px; float:left; position:relative; box-sizing:border-box; padding:8px 16px; border:1px solid #F0F0F0;}
.estimate .mbox .query .button{ width:100%; float:left; padding:5px 0 15px 0;}
.estimate .mbox .query .button .submit{ height:42px; float:right; align-items:center; display:flex; font-weight:bold; color:#FFF; padding:0 30px; background:#2D55AD; border-radius:2px;}
.estimate .mbox .query .button p{ height:42px; float:left; align-items:center; display:flex; margin:0 20px 0 0; color:#666;}
.estimate .mbox .query .button p i{ color:#FF0000; padding:0 5px 0 0;}

.estimate .mbox .result{ width:100%; float:left; padding:30px 0 40px 0;}
.estimate .mbox .result table{ width:100%; float:left; text-align:left; margin:10px 0 0 0; border-right:1px solid #F0F0F0;}
.estimate .mbox .result table th{ height:36px; padding:0 10px; background:#F8F8F8; color:#666; border-top:1px solid #F0F0F0; border-left:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0;}
.estimate .mbox .result table th input[type="checkbox"]{ float:left;}
.estimate .mbox .result table td{ height:40px; padding:0 10px; border-left:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0;}
.estimate .mbox .result table td input[type="checkbox"]{ float:left;}
.estimate .mbox .result table td .npic{ width:50px; height:50px; float:left; align-items:center; display:flex; justify-content:center; margin:10px 0; background:#F0F0F0;}
.estimate .mbox .result table td .npic img{ max-width:100%; max-height:100%; float:left;}
.estimate .mbox .result table td a{ color:#FF5300;}
.estimate .mbox .result table td .button{ height:28px; float:left; align-items:center; display:flex; margin:0 6px 0 0; color:#FFF; padding:0 12px; border-radius:2px; font-size:12px;}
.estimate .mbox .result table td .button.green{ background:#2BAB7E;}
.estimate .mbox .result table td .button.gules{ background:#FF5300;}
.estimate .mbox .result table td .button.violet{ background:#4D30B2;}
.estimate .mbox .result table td .button.blue{ background:#469DF1;}
.estimate .mbox .result table td .button.ash{ background:#8C8C8C;}

.estimate .mbox .result .tips{ width:100%; float:left;}
.estimate .mbox .result .tips p{ height:42px; float:left; align-items:center; display:flex; margin:0 20px 0 0; color:#666;}
.estimate .mbox .result .tips p i{ color:#FF0000; padding:0 5px 0 0;}
.estimate .mbox .result .empty{ width:100%; height:80px; float:left; box-sizing:border-box; font-size:14px; align-items:center; display:flex; justify-content:center; margin:10px 0 0 0; border:1px solid #F0F0F0; background:#FAFAFA;}

.estimate .mbox .info{ width:100%; float:left; padding:20px 0 10px 0;}
.estimate .mbox .info .sbox{ width:100%; float:left; box-sizing:border-box; padding:20px 0 0 0;}
.estimate .mbox .info .sbox p{ width:100%; float:left; line-height:1.8em; padding:20px 0; border-top:1px dashed #E7E7E7;}
.estimate .mbox .info .sbox p:nth-child(1){ border-top:0;}


.estimate .mbox .ems_query{ width:100%; float:left; box-sizing:border-box; padding:0 148px 50px 148px;}
.estimate .mbox .ems_query .tbox{ width:100%; float:left; padding:20px 0; align-items:center; display:flex; justify-content:center;}
.estimate .mbox .ems_query .tbox i{ height:36px; float:left; cursor:pointer; position:relative; z-index:1; line-height:36px; padding:0 20px; margin:0 6px;}
.estimate .mbox .ems_query .tbox i::before{ content:''; width:100%; height:100%; position:absolute; top:0; bottom:0; right:0; left:0; z-index:-1; background:#F2F2F2; border-radius:4px; -webkit-transform:skew(-16deg);}
.estimate .mbox .ems_query .tbox i.show{ color:#FFF;}
.estimate .mbox .ems_query .tbox i.show::before{ background:#0C7AE2;}
.estimate .mbox .ems_query .cbox{ width:100%; height:52px; float:left; box-sizing:border-box; padding:0 78px 0 0; position:relative;}
.estimate .mbox .ems_query .cbox input{ width:100%; height:52px; float:left; box-sizing:border-box; padding:0 0 0 20px; background:#FAFAFA; border-radius:4px 0 0 4px; box-shadow:inset 3px 3px 8px rgba(0,0,0,0.04);}
.estimate .mbox .ems_query .cbox input:focus{ border:0 !important; box-shadow:inset 3px 3px 8px rgba(12,122,226,0.18);}
.estimate .mbox .ems_query .cbox a{ width:78px; height:52px; float:left; align-items:center; display:flex; justify-content:center; color:#FFF; font-weight:bold; position:absolute; top:0; right:0; background:#0C7AE2; border-radius:0 4px 4px 0;}

.estimate .mbox .pack{ width:100%; float:left; /*border-top:5px groove #F0F0F0;*/}
.estimate .mbox .pack .sbt{ width:100%; height:100px; float:left; box-sizing:border-box; align-items:center; display:flex; font-size:18px; font-weight:bold; padding:40px 0 0 50px; border-bottom:1px solid #F0F0F0;}
.estimate .mbox .pack .sbt::before{ content:''; width:38px; height:60px; float:left; background:url(../../img/pack_box.png) left center no-repeat; background-size:auto 18px;}

.estimate .mbox .pack .survey{ width:calc(100% - 100px); float:left; position:relative; box-sizing:border-box; padding:10px 30px; margin:40px 50px 0 50px; box-shadow:4px 4px 12px rgba(0,0,0,0.08); border-radius:4px;}
.estimate .mbox .pack .survey .bers{ width:100%; height:30px; float:left;}
.estimate .mbox .pack .survey .bers i{ height:30px; float:left; align-items:center; display:flex; padding:0 10px 0 0; color:#666;}
.estimate .mbox .pack .survey .bers u{ height:30px; float:left; align-items:center; display:flex; text-decoration:none;}
.estimate .mbox .pack .survey .place{ float:left; padding:10px 0 5px 0;}
.estimate .mbox .pack .survey .place b{ height:30px; float:left; align-items:center; display:flex; font-size:16px;}
.estimate .mbox .pack .survey .place i{ width:128px; height:30px; float:left; background:url(../../img/place_box.png) center no-repeat;}
.estimate .mbox .pack .survey .time{ width:188px; height:60px; float:left; line-height:60px; color:#0C7AE2; margin:auto; box-sizing:border-box; padding:0 0 0 30px; font-size:16px; position:absolute; top:0; right:30px; bottom:0; border-left:1px solid #F0F0F0;}
.estimate .mbox .pack .survey .time i{ width:100%; height:30px; float:left; align-items:center; display:flex;}
.estimate .mbox .pack .survey .time u{ width:100%; height:30px; float:left; align-items:center; display:flex; color:#0C7AE2; text-decoration:none;}

.estimate .mbox .pack .node{ width:calc(100% - 160px); float:left; position:relative; box-sizing:border-box; margin:50px 80px 20px 80px;}
.estimate .mbox .pack .node::before{ content:''; width:0; position:absolute; top:10px; bottom:30px; left:110px; border-left:2px dashed #D8D8D8;}
.estimate .mbox .pack .node .list{ width:100%; float:left; position:relative; margin:0 0 20px 0;}
.estimate .mbox .pack .node .list::before{ content:''; width:12px; height:12px; float:left; margin:auto; position:absolute; top:6px; left:105px; z-index:1; border-radius:100%; box-sizing:border-box; background:#FFF; border:2px solid #D8D8D8;}
.estimate .mbox .pack .node .list.first::before{ content:''; width:24px; height:24px; float:left; margin:auto; position:absolute; top:0; left:99px; z-index:1; border-radius:100%; border-radius:10px; background:#0C7AE2 url(../../img/first_box.png) center no-repeat; background-size:auto 12px; border:0;}
.estimate .mbox .pack .node .list.last::before{ content:''; width:24px; height:24px; float:left; margin:auto; position:absolute; top:0; left:99px; z-index:1; border-radius:100%; border-radius:100%; background:#D8D8D8 url(../../img/last_box.png) center no-repeat; background-size:auto 12px; border:0;}
.estimate .mbox .pack .node .list u{ width:102px; height:24px; float:left; position:relative; align-items:center; display:flex; text-decoration:none;}
.estimate .mbox .pack .node .list i{ width:188px; height:24px; float:left; align-items:center; display:flex; box-sizing:border-box; padding:0 0 0 40px; margin:0 0 0 2px;}
.estimate .mbox .pack .node .list p{ display:block; overflow:hidden; line-height:24px; text-align:justify;}
.estimate .mbox .pack .node .list.first u{ color:#0C7AE2;}



.em_wom{ width:100%; height:340px; float:left; position:absolute; left:0; right:0; top:70px; z-index:-1; background:url('../../img/239974824.jpg') center no-repeat; background-size:100% auto;}
.em_wom .em_wom_box{ width:100%; height:100%; position:absolute; bottom:0; top:0; left:0; right:0; background:rgba(0,0,0,0.36); display:flex; flex-direction:column; align-items:center; justify-content:center;}
.em_wom .em_wom_box .bt{ width:100%; height:71px; float:left; font-size:36px; font-weight:bold; position:relative; padding:0 0 21px 0; color:#FFF; align-items:center; display:flex; justify-content:center; font-family:arial; text-transform:uppercase;}
.em_wom .em_wom_box .bt::before{ content:''; width:60px; height:1px; float:left; margin:auto; position:absolute; bottom:10px; right:0; left:0; background:#FFF;}
.em_wom .em_wom_box em{ width:100%; height:30px; float:left; font-size:26px; color:#FFF; align-items:center; display:flex; justify-content:center; font-family:arial; text-transform:uppercase;}
.em_wom .em_wom_box p{ width:100%; height:72px; float:left; font-size:18px; color:#FFF; padding:12px 0 30px 0; align-items:center; display:flex; justify-content:center; font-family:arial; text-transform:uppercase;}


.about{ width:100%; float:left; margin:340px 0 0 0; background:#FFF;}
.about .about_box{ width:1200px; margin:0 auto; padding:60px 0; overflow:hidden;/** background:url(../../img/20191226101541_14205.jpg) right bottom no-repeat;*/ background-size:600px auto;}
.about .about_box .about_box_l{ width:58%; float:left;}
.about .about_box .about_box_l .bt{ height:56px; float:left; font-size:26px; align-items:center; display:flex; position:relative; padding:16px 0 0 0;}
.about .about_box .about_box_l .bt::before{ content:''; width:50%; height:2px; float:left; margin:auto; position:absolute; top:0px; left:0; background:#383838;}
.about .about_box .about_box_l em{ width:100%; height:40px; float:left; font-size:18px; align-items:center; display:flex; font-family:arial; text-transform:uppercase;}
.about .about_box .about_box_l .pro_box{ width:100%; float:left; padding:20px 0 0 0;}
.about .about_box .about_box_l .pro_box p{ width:100%; float:left; padding:10px 0; text-align:justify; line-height:1.8em;}
.about .about_box .about_box_r{ width:42%; height:268px; float:right; align-items:center; display:flex; justify-content:center; font-style:oblique; font-size:20px; opacity:0.38; color:#0C7AE2;}
.about_quick{ width:1220px; margin:auto; padding:0 10px; overflow:hidden;}
.about_quick .tite{ width:25%; float:left; box-sizing:border-box; padding:50px 2.5%; background:-webkit-gradient(linear, left top, right top, from(#0C7AE2), to(#7dabf6)); background:-o-linear-gradient(left, #0C7AE2, #7dabf6); background:linear-gradient(to right, #0C7AE2, #7dabf6); background-color:#0C7AE2\9\0;}
.about_quick .tite .bt{ height:57px; float:left; font-size:26px; position:relative; color:#FFF; padding:17px 0 0 0;}
.about_quick .tite .bt::before{ content:''; width:50%; height:2px; float:left; margin:auto; position:absolute; top:0px; left:0; background:#FFF;}
.about_quick .tite em{ width:100%; height:40px; float:left; font-size:18px; align-items:center; display:flex; font-family:arial; text-transform:uppercase; color:#FFF; opacity:0.6;}
.about_quick .tite p{ width:100%; float:left; line-height:1.8em; text-align:justify; color:#FFF; opacity:0.6;}
.about_quick .sbox{ width:74%; float:right; margin:45px 0 25px 0; box-sizing:border-box;}
.about_quick .sbox a{ width:202px; height:202px; float:left; position:relative; overflow:hidden; box-sizing:border-box; align-items:center; display:flex; margin:0 0 20px 20px; background:#FFF;}
.about_quick .sbox a i{ width:100%; height:40px; float:left; align-items:center; display:flex; justify-content:center; text-align:center; padding:66px 0 0 0;}
.about_quick .sbox a:hover{ -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; box-shadow:2px 2px 12px rgba(0,0,0,0.46);}
.about_quick .sbox a.a01 i{ background:url(../../img/step_01.png) center top no-repeat; background-size:auto 50px;}
.about_quick .sbox a.a02 i{ background:url(../../img/step_02.png) center top no-repeat; background-size:auto 50px;}
.about_quick .sbox a.a03 i{ background:url(../../img/step_03.png) center top no-repeat; background-size:auto 50px;}
.about_quick .sbox a.a04 i{ background:url(../../img/step_04.png) center top no-repeat; background-size:auto 50px;}
.about_quick .sbox a.a05 i{ background:url(../../img/step_05.png) center top no-repeat; background-size:auto 50px;}
.about_quick .sbox a.a06 i{ background:url(../../img/step_01.png) center top no-repeat; background-size:auto 50px;}
.about_quick .sbox a.a07 i{ background:url(../../img/step_02.png) center top no-repeat; background-size:auto 50px;}
.about_quick .sbox a.a08 i{ background:url(../../img/step_03.png) center top no-repeat; background-size:auto 50px;}