@charset
"utf-8"
;
@charset
"utf-8"
;
body {
    font: 12px/1.5 ,'\5FAE\8F6F\96C5\9ED1',"hiragino sans gb", Helvetica, Arial, "\5b8b\4f53", 'sans-serif';
    color: #333;
}
html, body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, object, code, legend, button, input, textarea, label, th, td, a, img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
:focus {
    outline: 0;
}
ul, ol {
    list-style: none;
}
fieldset, img {
    border: 0 none;
}
address, caption, cite, code, dfn, em, i, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}
input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
code, kbd, samp, tt {
    font-size: 100%;
}
input, button, textarea, select {
    *font-size: 100%;
    outline: none;
}
textarea {
    resize: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
a {
    color: #333;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
a:hover {
    color: #690;
    text-decoration: none;
}
a.special, .special a {
    color: #690;
}
a.special:hover, .special a:hover {
    color: #390;
    text-decoration: none;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    clear: both;
    *zoom: 1;
}
.overflow {
    overflow: hidden;
    *zoom: 1;
}
*{margin:0;padding:0;list-style:none;}

body{ background:url(../images/bg.jpg) repeat-y center; background-size: 100%;}
/*--导航和footer图片代替/可删除--*/
.nav_bg{ background:url(../images/top_bg.jpg) no-repeat center top; height: 76px;}
.footers{ background:url(../images/footers.jpg) no-repeat center; height: 274px;}

/*phone*/
.banner_p,.c_box1_p,
    .c_box2_p,.c_box3_p,
    .t_box1_p,.t_box2_p,.txt01_p,.txt02_p{ display: none;}
/*--Banner--*/
.banner{background-color: #ffc803; padding-top: 30px;}
.banner img{width: 100%;}
/*--正文--*/
.c_box1{margin-top:24px; text-align: center;}
.c_box2,.c_box3{text-align: center;}
.c_box1 img,.c_box2 img,.t_box1 img,.t_box2 img,.c_box3 img{ max-width: 100%;}

.t_box1,.t_box2{text-align: center; margin:40px 0; }

.c_box4{ margin:50px auto 0;  position: relative;}
.c_box4 .title01{ text-align: center;}
.c_box4 .txt01{text-align: center; margin: 10px 0 30px;}
.c_box4 .title01 img,.c_box4 .txt01 img{ max-width: 100%;}

/*-----滚动案例----*/
.case_box .w-1000{ width:1000px; margin: auto auto 50px auto; overflow:hidden; position:relative; height:175px;}
#case_box_t.w-1000 img{ width:308px; height:175px;}
#case_box_t.w-1000 .bd li{ margin-right:10px}
.case_box .w-1000 .bd li{ float:left; _display:inline; overflow:hidden; margin:0 15px 0 0}
.case_box{ margin-top:15px;}
.case_box img{ float:left; margin-right:15px;}

.c_box5{ margin:50px auto 0;  position: relative;}

.c_box5 .title02{ text-align: center;}
.c_box5 .txt02{ text-align: center; margin: 10px 0 30px;}
.c_box5 .title02 img,.c_box5 .txt02 img{ max-width: 100%;}

.c_box5 .cfb-form-box{ margin:20px auto 0; width: 82%; text-align: center; }
.c_box5 .cfb-form-box .fl{ float: left; }
.c_box5 .cfb-form-box label{ color: #fff;}
.c_box5 .cfb-form-box .group1{ width:40%; margin-right: 0px; }
.c_box5 .cfb-form-box .group1 input{ width: 68%; height: 30px; padding:0 5px; font-size: 12px;}

.c_box5 .cfb-form-box .group2{ width:26%; margin-right: 0px; }
.c_box5 .cfb-form-box .group2 input{ width: 60%; height: 30px; padding:0 5px; font-size: 12px;}

.c_box5 .cfb-form-box .group3{ width:34%;}
.c_box5 .cfb-form-box .group3 input{ width: 65%; height: 30px; padding:0 5px; font-size: 12px;}

.c_box5 .cfb-form-box form{ display: block;}
.c_box5 .cfb-form-box a{  width: 205px; height: 47px; display: block;
background:url(../images/btn.png) no-repeat center; margin: 32px auto 80px; cursor: pointer;}

/*-----浮标/加入我们----*/
.jion{ position:fixed; right: 15px;top: 110px; z-index: 999; max-width: 100%;text-align: right;}


/*-----弹出框----*/
.black_overlay{ display: none; position:fixed;  top: 0%;  left: 0%; width: 100%; height: 100%;  background-color: black;  z-index:1001; -moz-opacity: 0.6; opacity:.60;  filter: alpha(opacity=60); } 

.s_content{display:none; position:fixed; top:50%; left:50%; width:434px; height:449px; z-index:1002; 
    background:url(../images/search_hw.png) no-repeat center;
    margin-left:-217px!important;/*FF IE7 该值为本身宽的一半 */ margin-top:-250px!important;/*FF IE7 该值为本身高的一半*/}
.s_content .close{position:absolute; float:right; width:28px; height:28px; z-index:1003; top:5px; right:10px; }

@media screen and (max-width: 1440px) {
	.banner{ padding-top: 50px;}
}
@media screen and (max-width: 1030px) {
    .banner{ padding-top: 60px;}
    .c_box5 .cfb-form-box{width: 94%;}
}
@media screen and (max-width: 980px) {
    .c_box1 img,.c_box2 img,.t_box1 img,.t_box2 img,.c_box3 img{ max-width: 98%;}
}
@media screen and (max-width: 870px) {
	.banner{ padding-top: 30px;}
    .c_box5 .cfb-form-box{width: 60%; margin: 0 auto;}
    .c_box5 .cfb-form-box .group1,.c_box5 .cfb-form-box .group2,.c_box5 .cfb-form-box .group3{ width:100%; margin: 0px auto 20px; }
    .c_box5 .cfb-form-box label{ width: 80px; display: block;float: left; text-align: right; line-height: 30px; }
    .c_box5 .cfb-form-box .group1 input,.c_box5 .cfb-form-box .group2 input,.c_box5 .cfb-form-box .group3 input{ width: 60%;}
    .jion img{ width: 80%;}
}

@media screen and (max-width: 600px) {
	.banner_p{ padding-top: 40px; background-color: #ffc803;}
    .c_box5 .cfb-form-box{width:90%;}
    .jion img{ width: 60%;}

    .banner,.c_box1,.c_box2,.c_box3,.t_box1,.t_box2,.txt01,.txt02{display: none;}

    .banner_p,.c_box1_p,
    .c_box2_p,.c_box3_p,
    .t_box1_p,.t_box2_p,.txt01_p,.txt02_p{display: block;text-align: center;}
    .banner_p img,.c_box1_p img,.c_box2_p img,
    .t_box1_p img,.t_box2_p img,.c_box3_p img,
    .txt01_p img,.txt02_p img{ max-width: 100%;}
    
    .t_box1_p{ padding:10px 0;}

}
@media screen and (max-width:375px) {
.banner_p{ padding-top: 50px; background-color: #ffc803;}
}

/*手机端*/