/* CSS Document */
@import url("core.css");
@import url("public.css");
#container { padding:60px 0 }
.height60 { height:60px }
#height85 {
    height: 95px;
}
.center { width:1200px; margin:0 auto }
.about_h1 { font-size:30px; color:#333; line-height:normal }
.about_h1 font { display:block; color:#5942d2; font-size:40px }
.about_h1 span { display:block }
#container .about_center { font-size:14px; line-height:22px }
#container .center { max-width:1528px;width: 100%;padding: 0 20px; }
.p1 { font-size:19px; font-weight:700 }
.p2 p { display:block; position:relative; padding-left:74px; margin-bottom:8px }
.p2 span { display:inline-block; position:absolute; left:0; top:0; background:#7d7d7d; color:#fff; padding:0 15px; margin-right:15px }
.back { background:#000; height:300px }
.table_p td { padding-bottom:30px }
.back_02 { background:#000; padding:50px 0; font-size:20px; color:#fff }
.back_02 .p_h1 { font-size:30px; line-height:normal; margin-bottom:15px }
.back_02 p span { font-size:16px; color:#979797; margin-right:15px }
.back_02 p { line-height:35px; display:block }
.tips { display:block; padding-top:15px }
.tips a { font-size:13px; color:#333 }
.tips a:hover { color:#5942d2 }
.table_ul { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap }
.table_ul div.item { width:380px; float:left; margin-right:30px; padding-bottom:30px }
.table_ul div.item img { width:100%; height:auto }
.table_ul div.odd { float:right; margin-right:0 }
.table_ul div.clear_two { display:none }
#show_product { width:890px; padding:22px 22px; float:left; background:#fff }
#codie_right { width:226px; float:right }
#bannger_bgsfs { width:1160px }
#banner_bag { width:100% }
#codie_right img { display:block }
#bannger_innn { padding-right:226px }
#out_about { margin-top:-150px }
.bannerbg_01 { height:422px }
.bannerbg_02 { height:422px }
.bannerbg_03 { height:210px; padding-top:80px }
.contact_lt { width:790px; float:left }
#form_submit { float:right; width:100%; margin-top:50px; margin-bottom:30px }
.kefu_ts { text-align:center }
.kefu_ts a { vertical-align:top; color:#828181 }
#form_submit label { display:none; color:#333; padding-bottom:5px }
#form_submit input[type=text] { border:0; border-bottom:1px solid rgba(0, 0, 0, .2); font-size:14px; padding:15px 0; display:block; width:100% }
#form_submit li { float:left; width:23.5%; margin-right:2% }
#form_submit li.li_select { margin-right:0 }
#form_submit li.li_content { width:100%; margin-right:0 }
#form_submit li select { border:0; border-bottom:1px solid rgba(0, 0, 0, .2); font-size:14px; padding:15px 0; display:block; width:100% }
#form_submit li textarea { border:1px solid rgba(0, 0, 0, .2); font-size:14px; padding:15px 15px; display:block; width:100%; min-height:180px;box-sizing: border-box; }
#form_submit li { float:left; margin-bottom:30px; position:relative }
#form_submit input[type=text].Validform_error { border-bottom:1px solid red }
#form_submit li.submit input { background:#5942d2; width:198px; height:55px; border:0; cursor:pointer; color:#fff ;text-align: center;}
#form_submit .h5_title { font-size:16px; margin-bottom:15px }
.Validform_checktip { margin-left:0; padding:0 6px; font-size:12px; color:red }
.info { border:1px solid red; padding:2px 20px 2px 5px; border-radius:2px; color:red; margin-top:-15px; position:absolute; display:none; line-height:20px; background-color:#fff }
.dec { bottom:-8px; display:block; height:8px; overflow:hidden; position:absolute; left:10px; width:17px }
.dec s { font-family:simsun; font-size:16px; height:19px; left:0; line-height:21px; position:absolute; text-decoration:none; top:-9px; width:17px }
.dec .dec1 { color:red }
.dec .dec2 { color:#fff; top:-10px }
.Validform_right { display:none }
#about_us { background:#fff; position:relative; z-index:800 }
#about_adv { background:url(../images/about/about2.jpg) no-repeat center center fixed; padding:60px 0; color:#7f7f7f; font-size:17px; line-height:2; text-align:center }
#about_adv .about_h2, #about_adv .about_h2 span { color:#fff }
.about_h2 { text-align:center; display:block; font-size:24px; color:#000; margin-bottom:35px }
.about_h2 span { display:block; text-transform:uppercase; color:#7f7f7f; font-size:14px }
.about_lt { float:left; width:540px; padding-top:10px }
.about_rt { float:right; width:710px; color:#666; font-size:16px; line-height:1.8 }
.about_rt .about_h5 { font-size:20px }
.company_title { margin-bottom:20px; display:block }
.contact_llt { margin:60px 0; font-size:15px; line-height:1.8 }
.address_l li { width:566px; float:left; padding-left:82px; position:relative;box-sizing: border-box; }
.address_l li:before { width:65px; height:65px; content:""; position:absolute; left:0; top:0; background:url(../images/about/contact1.jpg) no-repeat }
.address_l li font { display:block }
.address_l li p { margin-bottom:8px }
.address_l li.tel { width:225px; margin-left:151px }
.address_l li.tel:before { width:65px; height:65px; content:""; position:absolute; left:0; top:0; background:url(../images/about/contact2.jpg) no-repeat }
.address_l li.email { width:202px; float:right }
.address_l li.email:before { width:65px; height:65px; content:""; position:absolute; left:0; top:0; background:url(../images/about/contact3.jpg) no-repeat }
.sales_l { border-top:1px solid #dedede; border-bottom:1px solid #dedede; float:left; width:100%; margin-top:50px; padding:30px 0 }
.sales_l li { float:left; width:49.95%; text-align:center; position:relative }
.sales_l li.s2,.sales_l li.s4 { border-left:1px solid #dedede;}
.sales_l li.s4,.sales_l li.s3{ margin-top:35px;}
.sales_l li a { vertical-align:top; color:#828181 }
.kefu_qq { margin-top:10px }
.kefu_qq a { width:21px; height:21px; display:inline-block; margin:0 15px; background:url(../images/about/qq.png) no-repeat; background-size:100% 100% }
.kefu_qq a.wangwang { background:url(../images/about/www.png) no-repeat }
@media screen and (max-width:1300px) {
#container .center {
width:100%;
padding:0 45px;
box-sizing: border-box;
}
.about_lt {
float:left;
width:45%
}
.about_lt img {
display:block;
width:100%;
height:auto
}
.about_rt {
width:55%;
padding-left:45px
}
.address_l li.tel {
margin-left:150px
}
.address_l li.email {
float:left;
margin-left:150px;
margin-top:35px
}
}
@media screen and (max-width:1300px) {
.address_l li.tel {
margin-left:100px
}
.address_l li.email {
float:left;
margin-left:100px;
margin-top:35px
}
}
@media screen and (max-width:1000px) {
#about_adv {
padding:40px 0
}
#container {
padding:40px 0
}
.height60 {
height:40px
}
.about_h2 {
margin-bottom:25px
}
.about_lt {
width:100%;
margin-bottom:20px
}
.about_rt {
font-size:14px;
line-height:1.6;
width:100%;
padding-left:0
}
#about_adv {
font-size:14px;
line-height:1.8
}
.about_h1 font, .about_h1 span {
font-size:24px
}
.address_l li.tel {
margin-left:80px
}
.address_l li.email {
float:left;
margin-left:80px;
margin-top:35px
}
.contact_llt {
margin:40px 0
}
}
@media screen and (max-width:970px) {
.address_l li.ad {
width:100%
}
.address_l li.tel {
margin-left:0 !important;
margin-top:25px
}
.address_l li.email {
float:left;
margin-left:80px;
margin-top:25px
}
}
@media screen and (max-width:800px) {
.sales_l {
margin-top:30px
}
.contact_llt {
margin:30px 0
}
#about_adv {
padding:30px 0
}
#container {
padding:30px 0
}
.height60 {
height:30px
}
#container .center {
width:100%;
padding:0 25px
}
#hm_t_undefined {
display:none
}

#height85{
	height: 80px;
}

}
@media screen and (max-width:700px) {
.sales_l li.s2 {
border:1px solid #dedede;
border-left:0;
border-right:0;
padding:15px 0;
margin:15px 0
}
.sales_l li.s3,.sales_l li.s4{ margin-top:0}
.sales_l li.s4{ border-left:0;border-top:1px solid #dedede; margin-top:15px; padding-top:15px;}
.sales_l li {
width:100%
}
#form_submit li.li_email, #form_submit li.li_name {
width:48%;
margin-right:0
}
#form_submit li.li_mobile, #form_submit li.li_select {
width:48%;
margin-right:0;
float:right
}
}
@media screen and (max-width:600px) {
.address_l li.tel {
width:100%
}
#form_submit li.submit {
width:100%;
margin-right:0;
margin-bottom:0
}
.address_l li.email {
margin-left:0;
width:100%
}
#form_submit li.submit input {
width:100%;
display:block
}
}
@media screen and (max-width:450px) {
#form_submit li.li_email, #form_submit li.li_name {
width:100%;
margin-right:0
}
#form_submit li.li_mobile, #form_submit li.li_select {
width:100%;
margin-right:0;
float:right
}
}
@media screen and (max-width:400px) {
.address_l li {
padding-left:65px
}
.address_l li.email:before, .address_l li.tel:before, .address_l li:before {
width:50px;
height:50px;
background-size:50px 50px
}
.address_l li.email, .address_l li.tel {
margin-top:15px
}
.contact_llt {
font-size:14px;
line-height:1.6
}
.about_rt .about_h5 {
font-size:16px
}
#container .about_center, .about_rt, .adv_p {
font-size:12px;
line-height:1.8
}
}