﻿.service-part-1{position: relative; margin-bottom: 6.4%;}
.service-part-1 img{ width: 100%;}
.service-part-1 .txt{position: absolute; left:9.12%; top:47%; color: #fff; width: 80%;}
.service-part-1  h2{ text-align: right; width: 150px; line-height: 1.2; }
.service-part-1  h2 b{display: block;}
.service-part-1 span{ position: absolute; display: inline-block; padding: 5px 20px; left:190px; top:45px; background: #D40044;}
.service-part-1 .s2{left:50px;top:110px;}
.service-part-1 .s3{ left:220px;top:170px;}

.service-part-2{padding:4.5% 0;background: url(../images/service_bg01.jpg) center center no-repeat; background-size: cover;}
.service-part-2 ul{margin:0 -1.5%;}
.service-part-2 li{ float: left; width: 30.33%; margin:0 1.5%; }
.service-part-2 li .img{ position:relative; }
.service-part-2 li .img h2{color: #fff;}
.service-part-2 li .txt{ background: #fff; margin-top: 6%; padding:0 6%;     height: 600px;}
.service-part-2 li .txt dl{ border-bottom: 1px solid #E6E6E6; padding:8% 0; }
.service-part-2 li .txt dl:last-child{border-bottom: none;}
.service-part-2 li .txt dt h2{font-weight: bold;}
.service-part-2 li .txt dt span{ display: block; margin-bottom: 10px; }
.service-part-2 li .txt dt h2{color: #000000;}




.faq-part-1 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #b6b6b6;  
}

.faq-part-1 ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #b6b6b6;
}

.faq-part-1 input:-ms-input-placeholder,
.faq-part-1 textarea:-ms-input-placeholder {
    color: #b6b6b6;
}

.faq-part-1 input::-webkit-input-placeholder,
.faq-part-1 textarea::-webkit-input-placeholder {
    color: #b6b6b6;
}



.select-wrap select.on{color: #b6b6b6;}
.ie9 .select-wrap select.on{color: #000;}
.select-wrap select{width:190px; height: 44px; line-height: 44px; background:#fff url(../images/service_dot12.png) no-repeat 15px center; padding-left: 40px;border: 1px solid #D2D2D2; }
.select-wrap select.city{float: right;background:#fff; padding-left:15px; display: block !important;}
.select-wrap select{
-webkit-appearance: none;
-webkit-tap-highlight-color: #fff;
-ms-appearance: none;
-ms-tap-highlight-color: #fff;
-o-appearance: none;
-o-tap-highlight-color: #fff;
-moz-appearance: none;
-moz-tap-highlight-color: #fff;
outline: 0;
}

#city_1{position: relative;} 
.select_arrow01,.select_arrow02{position: absolute; top:1px; height: 42px; background: #fff; width:30px;text-align: center;}
.select_arrow01 img,.select_arrow02 img{margin-top: 18px;}
.select_arrow01{ left: 159px;}
.select_arrow02{right:1px;} 


@media only screen and (max-width:900px){
.faq-part-1{width: 100%;}
.select-wrap select{width: 49%;}
.select_arrow01{left:40%; }

}

@media only screen and (max-width:767px){
.select_arrow01{left: auto; right: 1px;}
.select_arrow02{right:1px;top:65px;} 

}




.faq-part-1{max-width: 840px; width: auto; margin:0 auto;}
.faq-part-1 li{ float: left; width: 47.5%;}
.faq-part-1 li:nth-child(even){ float: right; }
.faq-part-1 li .txt{height: 22px; padding:10px 0; width: 100%; line-height: 22px; margin-bottom: 20px; border:1px solid #D2D2D2;background: #fff;}
.faq-part-1 li:last-child{width: 100%;}
.faq-part-1 li .txt_an{height: 240px;}
.faq-part-1 li span{ float: left; width: 40px; text-align: center;}
.faq-part-1 li span img{vertical-align: middle; }
.faq-part-1 li input{ float: left; width:calc(100% - 50px); height: 24px; line-height: 24px; border: none; background: none;}
.faq-part-1 li textarea{float: left; width:calc(100% - 50px); height: 100%; line-height: 24px; border: none; background: none;}
.faq-part-1 .btn{display: block; margin:30px auto 120px; width: 180px; height: 48px; line-height: 48px; color: #fff; border: none; background: #D40044;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}



.faq-part-1 li.select-wrap .txt{ float: left; width: 47%;}
.faq-part-1 li.select-wrap .txt+.txt{float: right;}
.faq-part-1 li.select-wrap .txt+.txt span{width: 10px;}
.faq-part-1 li .select-box{position:relative;}
.faq-part-1 li .select-box dt{cursor: pointer;position:relative; z-index:2; }
.faq-part-1 li .select-box dt a { display:block; color: #666;}
.faq-part-1 li .select-box .ico { position:absolute; right:0; top:0; width:40px; height:100%; z-index:1;  background:url(../images/service_dot14.png) center no-repeat;}
.faq-part-1 li .select-box.open{}
.faq-part-1 li .select-box dd { display:none;position:absolute; margin-top:5px; border:1px solid #D2D2D2; border-top:0; background:#fff;  box-sizing:border-box; max-height:200px;left: -1px; right:-1px; overflow:auto; z-index:111111;}
.faq-part-1 li .select-box.open dd{ display: block; }
.faq-part-1 li .select-box dd a { display:block; padding:6px 15px; color:#383838;}
.faq-part-1 li .select-box dd a.on,.faq-part-1 li .select-box dd a:hover{ background:#D40044; color:#fff!important;}

.down{margin-bottom: 120px;}
.down li{ float: left; width: 48%; border-bottom: 1px solid #EEEEEE; padding:0 0 22px; margin-bottom: 22px;}
.down li:nth-child(even){ float: right; }
.down li h2{margin-bottom: 3px;}
.down li h2>a{color: #000000;}
.down li h2 em{ float: right; width: 20px; height: 20px; background: url(../images/service_dot15.png) center no-repeat; }
.down li h2 em a{ display: block; width: 20px; height: 20px; }
.down li span{ display: block; padding-left: 18px; color: #686868; font-family: arial; font-size: 12px; background: url(../images/service_dot16.png) left center no-repeat;}

@media only screen and (max-width: 1450px){
.service-part-1 span{top:30px;}
.service-part-1 .s2{top:85px;}
.service-part-1 .s3{top:140px;}
}

@media only screen and (max-width: 1366px){
.service-part-1 span{top:20px;}
.service-part-1 .s2{top:78px;}
.faq-part-1 .btn,.down{margin-bottom: 80px;}
}

@media only screen and (max-width: 1023px){
.service-part-1 .txt{top:35%;}
.service-part-1  h2{width: 80px;}
.service-part-1 span{top:10px;left:100px;}
.service-part-1 .s2{left:10px;top:60px;}
.service-part-1 .s3{left: 100px; top:110px;}
.faq-part-1 .btn,.down{margin-bottom: 60px;}
}
@media only screen and (max-width: 767px){
.service-part-1 .txt{top:20%;}
.service-part-1 span{font-size: 12px;}
.service-part-1 .s2{top:50px;}
.service-part-1 .s3{top:90px;}
.service-part-2 ul{margin:0;}
.service-part-2 li{width: 100%; margin:0 0 20px;}
.service-part-2 li .txt{height: auto;}
.faq-part-1 .btn{margin:20px auto 40px;}
.down{margin-bottom: 40px;}
.down li{width: 100%;}
.faq-part-1 li,.faq-part-1 li.select-wrap .txt{width: 100%;}
.faq-part-1 li.select-wrap .txt+.txt{float: left;}

.select-wrap select{width: 100%;margin-bottom: 20px;}
.faq-part-1 li .txt_an{height: 150px;}


}
@media only screen and (max-width: 360px){
.service-part-1 h2{width: 100%; text-align: left; margin-bottom: 5px;}
.service-part-1 h2 b{display: inline-block;}
.service-part-1 span{position: static; padding:0 10px;}
}

@media only screen and (min-width: 1023px){
.faq-part-1 .btn:hover{opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;}
}










