div#banner{width:100%; height:500px; background:url("../img/fwxm-banner-bg2.jpg") no-repeat center; background-size:cover;}

div.service-data{box-sizing:border-box; height:160px; margin:120px auto 0 auto;}
div.service-data>div{float:left; width:33.3333%; text-align:center; font-weight:lighter; color:#FFF; line-height:160px;}
div.service-data>div>span{font-weight:bold; color:#FFF; margin-right:6px;}

@media screen and ( min-width:1920px ) {
    div.service-data{width:1200px;}
    div.service-data>div{font-size:24px;}
    div.service-data>div>span{font-size:32px;}
}
@media screen and ( max-width:1920px ) {
    div.service-data{width:1000px;}
    div.service-data>div{font-size:24px;}
    div.service-data>div>span{font-size:32px;}
}
@media screen and ( max-width:1200px ) {
    div.service-data{width:960px;}
    div.service-data>div{font-size:24px;}
    div.service-data>div>span{font-size:32px;}
}

#banner>a{display:block; width:200px; border:1px #FFF solid; line-height:50px; text-align:center; font-size:18px; color:#FFF; font-weight:lighter; margin:50px auto 0 auto; cursor:pointer; transition:0.5s;}
#banner>a:hover{border:1px #FF7300 solid; background-color: #FF7300;}

div.page-content h1{font-size:34px; line-height:70px; text-align:center; color:#333; font-weight:bold; letter-spacing:6px; border-bottom:1px #666 solid;}
div.page-content h1.mb, div.page-content h2.mb, div.page-content div.mb{margin-bottom:60px;}
div.page-content h2{font-size:28px; line-height:60px; text-align:center; color:#333;}
div.page-content h2>div{height:4px; width:40px; background-color:#FF7300; margin:0 auto;}

div.service_content{position:relative; width:100%; padding-top:169px;}

ul.service_type{position:absolute; display:block; width:100%; margin-bottom:10px; top:0; z-index:1;}
ul.service_type li{display:block; float:left; width:33%; margin-left:0.5%; box-sizing:border-box; color:#333; border:1px #EEE solid; padding:40px 0; height:160px; cursor:pointer; transition:0.3s;}
ul.service_type li:first-child{margin-left:0;}
ul.service_type li p{text-align:center;}
ul.service_type li p:first-child{font-size:40px;}
ul.service_type li p:last-child{font-size:18px; margin-top:20px;}
ul.service_type li.on{border:1px #DDD solid; border-bottom:0; border-radius:6px 6px 0 0; height:170px; background-color:#FFF;}
ul.service_type li.on p{color:#FF7300;}

div.service_type_body{width:100%; box-sizing:border-box; padding:40px 20px; border:1px #DDD solid; background-color:#FFF;}
div.service_type_body>div{display:none; width:100%; box-sizing:border-box; padding:20px;}
div.service_type_body>div.on{display:block;}

div.service_type_body>div>h3{color:#FF7300; font-size:30px; margin-bottom:20px; margin-top:60px; font-weight:bold; letter-spacing:6px;}
div.service_type_body>div>h3>span{font-size:26px; margin-right:10px; padding:2px 0;}
div.service_type_body>div div.img-show{width:100%; box-sizing:border-box; margin:30px 0 0 0; padding:30px; border:1px #EEE solid;}

ul.tab-title{display:block; width:100%;}
ul.tab-title li{float:left; display:block; line-height:60px; font-size:14px; text-align:center; background-color:#EEE; color:#666; cursor:pointer; font-weight:lighter;  position:relative; transition:0.5s;}
ul.tab-title li:first-child{margin-left:0;}
ul.tab-title li.on{background-color:#FF7300; color:#FFF;}
ul.tab-title li.m{line-height:20px; padding:10px 0;}
ul.tab-title li>img{position:absolute; width:29px; height:20px; bottom:-21.5px; left:50%; margin-left:-14.5px; z-index:1;}

div.tab-content>div{display:none; box-sizing:border-box; margin:20px 0 0 0; padding:40px 30px; background-color:#f9f9f9; border-bottom:1px #eeeeee solid; border-top:1px #FF6300 solid; transition:0.5s;}
div.tab-content>div.on{display:block;}

div.tab-content>div h3{color:#FF7300; font-size:20px; line-height:26px; margin-bottom:20px; border-left:4px #FF7300 solid; padding-left:8px;}
div.tab-content>div p{color:#888; font-size:16px; line-height:30px;}
div.tab-content>div p.mb{margin-bottom:50px;}

@media screen and ( min-width:1920px ) {
    ul.tab-title li{width:160px; margin-left:5px;}
}
@media screen and ( max-width:1920px ) {
    ul.tab-title li{width:110px; margin-left:4px;}
}
@media screen and ( max-width:1200px ) {
    ul.tab-title li{width:90px; margin-left:3px; font-size:12px;}
}

div.service-flow{background-color:#f1f1f1; padding-bottom:80px; background:url("../img/fwxm-bg.jpg") no-repeat center; background-size:cover; background-attachment:fixed; }
div.service-flow h2{font-size:28px; line-height:60px; text-align:center; color:#333;}
div.service-flow h2>div{height:4px; width:40px; background-color:#FF7300; margin:0 auto;}

div.flow-body{width:1200px; margin:0 auto;}
div.flow-body ul{width:100%; background-image:url("../img/fwxm-flow-tab-bg.gif");background-repeat:repeat-x; background-position:center; background-size:26px 10px;}
div.flow-body ul li{display:block; float:left; box-sizing:border-box;  width:120px; margin-left:150px; line-height:120px; text-align:center; background-color:#F9F9F9; color:#333; border:1px #F9F9F9 solid; border-radius:50%; cursor:pointer; position:relative; transition:0.5s;}
div.flow-body ul li:first-child{margin-left:0;}
div.flow-body ul li.on{background-color:#FF7300; color:#FFF;}
div.flow-body ul  li>img{position:absolute; width:29px; height:20px; bottom:-21.5px; left:50%; margin-left:-14.5px; z-index:1;}

ul.case-list{width:100%; display:block;}
ul.case-list li{float:left; display:block; box-sizing:border-box; width:19%; margin-left:1.25%; margin-bottom:16px; padding:10px; border:1px #EEE solid; transition:0.5s;}
ul.case-list li:hover{border:1px #FF7300 solid;}
ul.case-list li:nth-child(5n+1){margin-left:0;}
ul.case-list li>img{width:100%;}

div.service-book{background-color:#fcfcfc;}
div.service-book h2{font-size:28px; line-height:60px; text-align:center; color:#333;}
div.service-book h2>div{height:4px; width:40px; background-color:#FF7300; margin:0 auto;}

form.form-body{display:block; width:1000px; margin:0 auto;}
form.form-body>div{padding:20px 0;}
form.form-body>div span{display:inline-block; width:90px; padding-right:10px; color:#666; text-align:right;}
form.form-body>div>input{width:900px; height:50px; line-height:50px; border:1px #DDD solid; color:#666; padding:6px; box-sizing:border-box;}
form.form-body>div>label{margin-right:20px;}
form.form-body>div>textarea{width:900px; height:120px; line-height:40px; border:1px #DDD solid; color:#666; padding:6px; box-sizing:border-box;}
form.form-body>div>span.sm{}
form.form-body>div>div{float:right; width:900px;}
form.form-body>div>div>p{border-bottom:1px #eee solid; margin-bottom:5px; padding:0 6px; font-size:14px;}
form.form-body>a{display:block; width:40%; line-height:50px; margin:20px auto 0 auto; background-color:#FF7300; color:#FFF; text-align:center; font-size:16px; cursor:pointer; transition:0.5s;}
form.form-body>a:hover{background-color:#733100;}

form.form-body div.yy_msg{display:none; width:40%; line-height:50px; margin:20px auto 0 auto; text-align:center; font-size:16px; color:#FF0000;}

form.form-body>div>input, form.form-body>div>textarea, form.form-body>a{border-radius:8px;}


@media screen and ( min-width:1920px ) {

}
@media screen and ( max-width:1920px ) {

}
@media screen and ( max-width:1200px ) {
    div.flow-body{width:960px;}
    div.flow-body ul li{width:100px; margin-left:115px; line-height:100px;}
    form.form-body{width:900px;}
    form.form-body>div>input, form.form-body>div>textarea, form.form-body>div>div{width:800px;}
}