table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "sy", "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}  
a:hover {color: #c82f34;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0;font-family: "sy", "Microsoft YaHei";text-align:justify;text-justify:inter-ideograph;}
input::-webkit-input-placeholder{color:#999;}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#999;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#999;}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999;}
	
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}

.img-opacity{opacity: 0; width: 0; height: 0;  position: absolute;}

::after, 
::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

.center{ width:1200px; margin:0 auto;}
.Content-70{ padding-top:70px; min-height:400px;}

.right-fixed{ position:fixed; right:20px; /*top:50%;margin-top:-98px; */z-index:120;  min-width:122px; bottom:127px;}
.right-fixed .ad{ position:absolute; bottom:100%; left:0; margin-bottom:20px;}
.right-fixed .ad .close{ cursor:pointer;position:absolute; right:0; top:0; width:20px; height:20px;}
.right-fixed ul{ border:1px solid #ddd; border-radius:2px; background:#fff;}
.right-fixed li{ border-bottom:1px solid #ddd;}
.right-fixed li:last-child{ border-bottom:0;}
.right-fixed li a{ display:block; padding-left:44px; line-height:38px; background:url(../images/right-fixed_icon1.png) no-repeat 5px center;}
.right-fixed li:hover a{ background-color:#c91623; color:#fff; background-image:url(../images/right-fixed_icon1_on.png);}
.right-fixed li.li_3{ position:relative;}
.right-fixed li.li_3 figure{ position:absolute; right:100%; top:0; border:1px solid #be1421; padding:11px; width:152px; background:#fff; display:none; border-radius:2px;}
.right-fixed li.li_3:hover figure{ display:block;}
.right-fixed li.li_3 figure img{ display:block; width:130px; height:130px;}
.right-fixed li.li_3 figure p{ margin:11px 0 0 0; text-align:center;line-height:20px;}
.right-fixed li.li_2 a{ background-image:url(../images/right-fixed_icon2.png);}
.right-fixed li.li_3 a{ background-image:url(../images/right-fixed_icon3.png);}
.right-fixed li.li_4 a{ background-image:url(../images/right-fixed_icon4.png);}
.right-fixed li.li_5 a{ background-image:url(../images/right-fixed_icon5.png);}
.right-fixed li.li_2:hover a{ background-image:url(../images/right-fixed_icon2_on.png);}
.right-fixed li.li_3:hover a{ background-image:url(../images/right-fixed_icon3_on.png);}
.right-fixed li.li_4:hover a{ background-image:url(../images/right-fixed_icon4_on.png);}
.right-fixed li.li_5:hover a{ background-image:url(../images/right-fixed_icon5_on.png);}
/*bottom*/
.bottom{ clear:both; background:#444;}
.bottom-menu{ padding:58px 0 35px 0; position:relative;}
.bottom-menu::before{ position:absolute; content:'';width:4px; height:37px;background:#c81623; left:82px; top:0;}
.bottom-menu > *{ float:left;}
.bottom-menu ol{ width:170px; margin-right:39px;}
.bottom-menu ol .logo img{ width:121px; height:75px; display:block; margin:0 auto;}
.bottom-menu ol figure{margin:15px auto 0; width:96px;}
.bottom-menu ol figure::before{ width:4px; height:20px; display:block; content:''; margin:0 auto;background:#c81623;}
.bottom-menu ol figure img{ display:block; width:96px; border:4px solid #fff;}
.bottom-menu ol figcaption{ color:#828180;padding:4px 0; font-size:12px;text-align:center; background:#fff;width:104px;}
.bottom-menu dl{ background:url(../images/bottom-dl-bg.png) no-repeat left 10px; min-height:240px; padding-right:20px; max-width:244px;  padding-left:18px;}
.bottom-menu dl.dl_end{ padding-right:0; float:right;}
.bottom-menu dl dt{color:#fff; font-size:16px; padding-bottom:32px;}
.bottom-menu dl dt a{color:#fff; }
.bottom-menu dl dt::after{ background:url(../images/bottom-menu-dt.png) no-repeat; width:9px; height:13px; display:inline-block; vertical-align:middle; content:''; margin-left:30px;}
.bottom-menu dl dd{ line-height:18px; padding:5px 0;}
.bottom-menu dl.dl_row_2{ width:100px; padding-right:0;}
.bottom-menu dl.dl_row_2 dd{ width:180px; float:left;}
.bottom a{ color:#7c7c7c; transition:color 0.3s;}
.bottom a:hover{ color:#c82f34;}

.read-list{ position:relative; border-top:1px solid #4e4e4e; padding:22px 0 22px 116px; line-height:5px;}
.read-list ol{ color:#fff; font-size:16px; width:116px; position:absolute; left:0; top:22px;}
.read-list li{ float:left; margin-right:43px; max-width:200px; font-size:16px;}
.read-list li.end{ margin-right:0;}

.foot{ background:#383838; padding:22px;}
.foot-left{ float:left; line-height:28px; color:#878787;}
.foot-left i{ display:inline-block; width:2px; border-right:1px dotted #7c7c7c; height:10px; margin:0 14px; vertical-align:middle;}
.foot-right{ float:right; padding-top:12px;color:#878787;}
.foot-right > *{ float:left;}
.foot-right ul{ position:relative; width:250px; margin-right:9px;line-height:33px;}
.foot-right ul ol{ border-radius:3px; border:1px solid #494949;  cursor:pointer; padding-left:12px; background:url(../images/bottom-link.gif) no-repeat 95% center;}
.foot-right ul li{ position:absolute; bottom:100%; left:0; width:100%; background:#fff; border-radius:3px; display:none;}
.foot-right ul li a{ padding:0 12px;  border-bottom:1px solid #383838;}
.foot-right .bdsharebuttonbox a{ margin:0 0 0 18px; padding:0; width:33px; height:33px; border-radius:50%; background:url(../images/bottom-share.png) no-repeat 0 0 #484848;}
.foot-right .bdsharebuttonbox a.bds_tsina{ background-position:-55px 0;}
.foot-right .bdsharebuttonbox a.bds_qzone{ background-position:-105px 0;}
.bd_weixin_popup,
.bd_weixin_popup *{ box-sizing:content-box;}
/*bottom end*/
/*bxslider*/
.bx-wrapper{ position:relative; z-index:2;}
.bx-controls-direction a{ position:absolute; top:50%; z-index:10; overflow:hidden; line-height:1000px;}
.bx-pager a{ line-height:100px; overflow:hidden;}
/*bxslider end*/

.home-title{ text-align:center; font-size:30px; color:#333; padding:50px 0 20px 0;}
.home-title p{ font-size:16px;  color:#555;padding:12px 0 0 0;}

.index-project{ padding:57px 0 40px 0;}
.index-project li{ float:left; width:386px;}
.index-project li.li_1,
.index-project li.li_2{ width:590px;}
.index-project li.li_2{ float:right;}
.index-project li.li_4{ margin:0 21px;}
.index-project li .pic{ overflow:hidden;}
.index-project li .pic img{ display:block; width:100%; height:217px; transition:0.8s;}
.index-project li.li_1 .pic img,
.index-project li.li_2 .pic img{height:332px;}
.index-project li a{ display:block;}
.index-project li a:hover .pic img{ transform:scale(1.1); -ms-transform:scale(1.1);}
.index-project li h3{ font-size:16px; margin:0; font-weight:normal; padding:20px 0 5px 0;}
.index-project li p{ padding-bottom:30px; font-size:13px; color:#999; margin:0;height:48px;}

.Intimate-choice{ background:#f8f8f8; height:860px; position:relative;}
.Intimate-choice .bg{ display:none; height:600px; overflow:hidden;/*background-position:center top; background-repeat:no-repeat;*/ }
.Intimate-choice .bg > img{ position:absolute; width:1920px; height:600px; left:50%; margin-left:-960px; top:0;}
.Intimate-choice .bg .edit-info{ position:relative; z-index:3; height:490px;overflow:hidden;}
.Intimate-choice .select-form{ position:relative; margin-top:-111px; margin-left:-5px; background:url(../images/choice-bg.png) no-repeat; width:1210px;z-index:3; padding:0 5px;}
.Intimate-choice .main{ height:245px;}
.Intimate-choice .ul_checked{ position:relative;}
.Intimate-choice .ul_checked .tips{ position:absolute; font-size:24px; color:#fff; line-height:50px; width:200px; background:rgba(0,0,0,0.7); left:50%; top:50%; margin-left:-100px; border-radius:5px; text-align:center; margin-top:-25px;}
.Intimate-choice .ul_checked li{ float:left; width:20%; text-align:center; cursor:pointer; padding-top:32px;}
.Intimate-choice .ul_checked li::after{ display:block; content:''; width:20px; height:20px; margin:0 auto; background:url(../images/choice-dot.png) no-repeat center center;}
.Intimate-choice .ul_checked li.selected::after,
.Intimate-choice .ul_checked li:hover::after{ background-image:url(../images/choice-dot-check.png);}
.Intimate-choice .ul_checked li .pic{ overflow:hidden; position:relative; width:120px; height:120px; margin:0 auto;}
.Intimate-choice .ul_checked li .pic img{ position:absolute; left:0;width:100%; height:100%; transition:0.3s;}
.Intimate-choice .ul_checked li .icon{ top:0;}
.Intimate-choice .ul_checked li .img,
.Intimate-choice .ul_checked li.selected .icon,
.Intimate-choice .ul_checked li:hover .icon{ opacity:0;}
.Intimate-choice .ul_checked li .img{ top:-20px;}
.Intimate-choice .ul_checked li .icon,
.Intimate-choice .ul_checked li.selected .img,
.Intimate-choice .ul_checked li:hover .img{ opacity:1;}
.Intimate-choice .ul_checked li.selected .img,
.Intimate-choice .ul_checked li:hover .img{ top:0;}
.Intimate-choice .ul_checked li.selected .icon,
.Intimate-choice .ul_checked li:hover .icon{  top:20px;}
.Intimate-choice .ul_checked li p{ font-size:16px; margin:0; padding:10px 5px 20px 5px;}
.Intimate-choice .btn-select{ padding-top:40px; }
.btn-select{text-align:center;}
.btn-select a{ display:inline-block; height:46px; vertical-align:middle; transition:0.3s;}
.btn-select a.btn{border-radius:5px; line-height:46px; width:180px; text-align:center; padding:0 30px; color:#fff; background:#c81623; border:1px solid transparent; font-size:16px;margin-left:30px;}
.btn-select a.btn::after{ display:inline-block; content:'>'; font-family:宋体; margin-left:10px; vertical-align:middle; color:#fff; font-weight:bold;}
.btn-select a.btn:hover{ background:#fff; border-color:#c81623; color:#c81623;}
.btn-select a.btn:hover::after{color:#c81623;}
.Intimate-choice .btn-select .next-step{ display:none;}
.btn-select .next-step a.back{ width:46px; height:46px; background:url(../images/back_hover.png) no-repeat; }
.btn-select .next-step a.back:hover{ background-image:url(../images/back_hover.png);}
.select-result .center a.backsolution{ display: inline-block;vertical-align: middle;    margin-left: 400px;position: absolute;margin-top: 60px;width:46px; height:46px; background:url(../images/back_hover.png) no-repeat; }
.select-result .center a.backsolution:hover{ background-image:url(../images/back_hover.png);}
.Intimate-choice .btn-select .free,
.Intimate-choice .btn-select .online{ display:none;}
.btn-select a.online{ background-color:#d8a143;}
.btn-select a.online::after,
.btn-select a.free::after{ display:none;}
.btn-select .free::before,
.btn-select .online::before{display:inline-block; content:''; width:20px; height:20px; vertical-align:middle; background-position:center center; background-repeat:no-repeat; margin-right:10px;}
.btn-select .free::before{ background-image:url(../images/free.png);}
.btn-select .free:hover::before{ background-image:url(../images/free_hover.png);}
.btn-select .online::before{ background-image:url(../images/online.png);}
.btn-select .online:hover::before{ background-image:url(../images/online_hover.png);}

.Intimate-choice .select-form .form{ display:none; float:left;padding-top:47px; }
.Intimate-choice .select-form .form-con{ padding-left:48px;border-left:1px solid #e9e9e9;}
.Intimate-choice .select-form .form-con td{  padding:15px 30px 15px 0;}
.Intimate-choice .select-form .form-con td select,
.Intimate-choice .select-form .form-con td .text{ width:320px;border:none; height:30px; line-height:30px; border-bottom:1px solid #e9e9e9; color:#999;display: block !important;}
.Intimate-choice .select-form .form-con td aside{ padding-right:30px; position:relative;}
.Intimate-choice .select-form .form-con td aside i{ font-style:normal; position:absolute; right:22px; top:0; color:#c81623;line-height:30px; }
.Intimate-choice .select-form .form-con td aside span{ position:absolute; right:0; top:0; line-height:30px;}
.Intimate-choice .select-form .form-con td:last-child{ padding-right:0;}
.Intimate-choice .maintostep-2 .ul_checked{ float:left; width:600px; margin:0 2%;}
.Intimate-choice .maintostep-2 .ul_checked li{ cursor:default;}
.Intimate-choice .main_checked_1 .ul_checked{ width:170px;margin:0 10%;}
.Intimate-choice .main_checked_1 .ul_checked li{ width:100%;}
.Intimate-choice .main_checked_2 .ul_checked{ width:340px;margin:0 8%;}
.Intimate-choice .main_checked_2 .ul_checked li{ width:50%;}
.Intimate-choice .main_checked_3 .ul_checked{ width:470px;margin:0 5%;}
.Intimate-choice .main_checked_3 .ul_checked li{ width:33.33333333%;}
.Intimate-choice .main_checked_4 .ul_checked{ width:550px;margin:0 3%;}
.Intimate-choice .main_checked_4 .ul_checked li{ width:25%;}
.Intimate-choice .main_checked_5 .ul_checked{ width:650px;}
.Intimate-choice .main_checked_5 .form-con td{ padding-right:10px;}
.Intimate-choice .main_checked_5 .form-con td aside{padding-right:20px;}
.Intimate-choice .maintostep-2 li{ display:none;}
.Intimate-choice .maintostep-2 li.selected{ display:block;}

.Intimate-choice .select-result{ display:none; margin-top:-510px; height:610px; position:relative; background:rgba(255,255,255,0.5); border:1px solid rgba(255,255,255,0.8); box-shadow:0 0 20px rgba(0,0,0,0.06); overflow:hidden;}
.select-result-wrap{ padding:20px;}
.select-result-wrap .pic{ float:left; border:1px solid  #f1f1f1;}
.select-result-wrap .pic img{ display:block; width:720px; height:560px;}
.select-result-wrap .txt-con{ float:right; width:410px;}
.select-result-wrap .overflow-auto{ overflow:auto;width:410px; height:465px;}
.select-result-wrap .txt-con .tit{ font-size:20px; margin:0 0 20px 0; padding:20px 0; color:#333; border-bottom:1px solid #ccc;}
.select-result-wrap .view{/* padding-top:20px;*/}
.select-result-wrap .view dd{ /*float:left; margin-right:10px;*/ text-align:right;}
.select-result-wrap .view dd a{/* display:inline-block; color:#999; border:1px solid #ddd; padding:0 46px; line-height:44px; transition:0.3s;*/ font-size:12px;}
.select-result-wrap .view dd a:hover{ color:#c81623; border-color:#c81623;}

.postion-next-step-3{ height:auto;}
.postion-next-step-3 .btn-select{ position:relative;}
.postion-next-step-3 .btn-select a.btn{ width:130px; padding:0 15px;}
.postion-next-step-3 .next-step{ position:absolute; width:410px; right:20px; bottom:80px; z-index:50;}

/*family-case*/
.family-case li{ float:left; width:33.17708%; }
.family-case li a{ display:block; margin-bottom:4px; overflow:hidden;position:relative;}
.family-case li .pic{ overflow:hidden;}
.family-case li img{ display:block; width:100%; transition:0.3s;height:310px;}
.family-case li p{ position:absolute; left:0; bottom:0; width:100%; text-align:center; color:#fff; font-size:20px; line-height:45px; background:rgba(0,0,0,0.5); margin:0; transition:0.3s;}
.family-case li.li_1,
.family-case li.li_2{ width:50%;}
.family-case li.li_1 a{ margin-right:2px;}
.family-case li.li_2 a{ margin-left:2px; }
.family-case li.li_3,
.family-case li.li_4{ margin-right:0.23438%;}
.family-case li a:hover .pic img{ transform:scale(1.05);}
.family-case li a:hover p{bottom:-45px;}

.family-case li .hover{ position:absolute; left:0; top:100%; width:100%; height:100%; background:rgba(0,0,0,0.7); text-align:center; transition:0.3s;}
.family-case li .hover figure{ display:table; height:100%; width:100%;}
.family-case li .hover figcaption{ display:table-cell; vertical-align:middle;}
.family-case li .hover h4{ margin:0; font-size:26px; color:#fff; font-weight:normal;width:90%;}
.family-case li .hover h4::after{ width:10px; height:2px; background:#fff; display:block; content:''; margin:15px auto 10px;}
.family-case li .hover h3{ margin:0 0 28px 0; font-size:16px; color:#adadad; font-weight:normal;width:88%;}
.family-case li .hover span{ color:#c81623;margin-left:-78px;}
.family-case li .hover span i{ font-style:normal; }

.family-case li a:hover .hover{ top:0;}
/*family-case end*/

/*index news*/
.index-news{ background:#f8f8f8; padding-bottom:80px;}
.index-news .home-title{ padding-bottom:50px;}
.index-news-top{ position:relative; float:left; width:560px;}
.index-news-top .pic img{ display:block; width:100%; height:400px;}
.index-news-top .txt{ margin:-30px 30px 0 30px; background:#fff; padding:20px 30px 0 110px; position:relative; z-index:2; min-height:160px;}
.index-news-top .txt time{ position:absolute; left:22px; top:15px; color:#e60012; text-align:center;}
.index-news-top .txt time span{ display:block; border-bottom:1px solid #e9c5c1; font-size:50px; margin-bottom:5px; line-height:55px;}
.index-news-top .txt h4{ font-size:16px; margin:0; padding-bottom:15px;}
.index-news-top .txt pre{ line-height:18px; overflow:hidden; height:36px; font-size:12px;}
.index-news-top .hd{ position:absolute; z-index:10; right:60px; bottom:25px;}
.index-news-top .hd li{ float:left; width:11px; height:11px; line-height:1000px; overflow:hidden; cursor:pointer; background:#c0c7ca; border-radius:50%; margin-left:13px;}
.index-news-top .hd li.on{ background:#ff0000;}
.news-Default{ float:right; width:600px;}
.news-Default .hd{ overflow:hidden;}
.news-Default .hd ul{ width:110%;}
.news-Default .hd li{ float:left; width:196px; margin-right:6px; text-align:center; font-size:16px;}
.news-Default .hd li a{ display:block; line-height:40px; background:#f3f3f3;}
.news-Default .hd li.on a{ background:#c81623; color:#fff;}
.news-Default .list{ padding-top:26px;}
.news-Default .list ul{border-top:1px dotted #e1e1e1; margin-bottom:20px;}
.news-Default .list li{ line-height:42px; border-bottom:1px dotted #e1e1e1; padding:0 27px 0 12px;}
.news-Default .list li span{ float:right; color:#999;}
.news-Default .list li a::before{ display:inline-block; vertical-align:middle; margin-right:10px; width:3px; height:3px; content:''; background:#666;}
.index-more{ display:inline-block; width:118px; height:30px; line-height:30px; font-size:16px; color:#fff; background:#c81623; text-align:center;}
.index-more:hover{ color:#fff; background:#000;}
/*index news end*/
/*index-service*/
.index-service{ padding-bottom:45px;}
.index-service li{ float:left; width:386px; margin-right:21px; margin-bottom:30px;}
.index-service li a{ display:block;}
.index-service li .pic{ overflow:hidden;}
.index-service li .pic img{ display:block; width:100%; height:257px; transition:0.3s;}
.index-service li a:hover .pic img{ transform:scale(1.15);}
.index-service li:nth-child(3n){ margin-right:0;}
.index-service li p{ margin:0; padding:16px 0 5px 0;font-size:16px;}
.index-service li span{ color:#999; font-size:13px;}
/*index-service end*/
/*index-feedback*/
.index-feedback{ padding-bottom:72px; background:#f8f8f8;}
.index-feedback .main{ float:left; width:740px; position:relative; z-index:2; margin-top:20px; padding:74px 70px 0; min-height:350px; background:url(../images/yinhao1.png) no-repeat 70px 34px #fff;}
.index-feedback .main::after{ float:right; content:''; width:50px; height:40px; background:url(../images/yinhao2.png) no-repeat; margin-top:-70px;}
.index-feedback .pic{ float:right; width:670px;margin-top:-450px; }
.index-feedback .pic img{ display:block; width:100%; height:480px;}
.index-feedback .main p{ margin:0; font-size:20px; padding:5px 0; color:#343434;}
.index-feedback .main td{ padding-bottom:20px;}
.index-feedback .main td select,
.index-feedback .main td .text{ border:1px solid #ededed; padding:0 10px; line-height:40px; height:40px; width:100%;}
.index-feedback .main td select{  color:#999; display:block !important;}
.index-feedback .main td textarea.text{ height:86px; float:left;}
.index-feedback .main td div{ position:relative;}
.index-feedback .main td div i{ position:absolute; right:-10px; color:#c81623; top:0; line-height:40px; font-style:normal;}
.index-feedback .main td label{ position:absolute; left:0; top:0; line-height:40px; padding-left:10px; color:#999;}
.index-feedback .main td .btn{ cursor:pointer; width:145px; height:44px; background:#c91523; color:#fff; border:none; font-size:16px;}
.index-feedback .main td .btn:hover{ background:#000;}
.index-feedback .tel{ text-align:center; padding-top:20px;color:#c81623;}
.index-feedback .tel h3{margin:0; font-size:30px; font-family: "dinbold"; }
.index-feedback .tel p span{ display:inline-block; vertical-align:middle;color:#c81623;} 
.index-feedback .tel p::before,
.index-feedback .tel p::after{ display:inline-block; vertical-align:middle; content:''; width:28px; height:1px; background:#c81623; margin:0 6px;}
/*index-feedback end*/
#tj{border-radius:5px;line-height:46px;width:130px;text-align:center;padding:0 30px;color:#fff;background:#c81623;border:1px solid transparent;font-size:16px;margin-left:30px;display:inline-block;height:46px;vertical-align:middle;transition:.3s}