body{ margin:0;padding:0;}
h2,h3{ margin:0;}
.clear:after{content:"";display:block;height:0;line-height:0;clear:both;visibility:hidden;}
.clear{*zoom:1;}
.ml2{margin-left:2px;}
.fr{ float:right;}
.fl{ float:left;}  
.w50{ width: 49.5%;}
.w25{ width: 24.7%;} 
.mt-15{ margin-top:15px;}
.mt-10{ margin-top:10px;}
@media only screen and (max-width: 1000px){
    .web-top .dh-xl {  background: url(../img/xl-bg.png);  left: 0px;padding-top: 0px;position: fixed;z-index: 9999;width: 100%;display: none; }
}

.title-wrap { border-bottom: solid 5px #DFDFDF; margin: 0 0 10px; line-height: 50px;}
.title-wrap h2 {  float: left;  font-size: 40px;  text-transform: uppercase; color:#000; }
.title-wrap span{ color:#54a0f8;}
.title-wrap h2 small { font-size: 27px; padding: 0 0 0 10px;} 
.achievement .title-wrap{ height: 50px;  }
@media screen and (max-width: 800px){
    .title-wrap{line-height: 40px; border-bottom: solid 2px #DFDFDF; padding-bottom: 3px;  margin-top: 20px;}
    .achievement .title-wrap{ height: 22px;}
    .title-wrap h2{font-size:30px;}
    .title-wrap h2 small{ font-size:20px;}
}
@media screen and (max-width: 500px){
    .title-wrap h2{font-size:20px;}
    .title-wrap h2 small{font-size:14px;}
    .title-wrap .phone{display:none;}
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small {  font-weight: normal; line-height: 1;  color: #777; font-size: 65%;}
h1, h2, h3, h4, h5, h6 {  font-size: 100%;   font-family: inherit; font-weight: normal;  line-height: 1.1;  color: inherit;}
.title-wrap .phone {   float: right; font-size: 27px; padding-left: 35px;  background: url(../img/phone_bg_1.png) no-repeat left center;}
.title-wrap .phone small {  font-size: 14px;}


.banner{ text-align: center; background: #ff2555;margin-bottom:40px; }
.business{ text-align: center; margin-top:50px; margin-bottom:40px;display:none;}
.business img{ max-width:1000px;}
.tel-business{ display:none;}
#gotomessage{ display:block; width:240px; height: 35px; position: absolute; left: 50%;     margin-left: -110px; margin-top: -45px;}
@media screen and (max-width:1000px){ 
    .banner{ height: auto;margin-bottom:10px;}
    .business{ width:95%; margin:10px auto 15px auto;}
}
@media screen and (max-width:1000px){
    .business img{ width:100%;}
    .tel-business{ display: block;}
    .pc-business{ display: none;}
    #gotomessage{ margin-top:-35px;}
}

.pro-wrap{ width:1000px;margin:20px auto 0;text-align: center;} 
.pro-wrap img{ margin-bottom:10px}
@media screen and (max-width:1000px){ 
    .pro-wrap{ width:95%; margin:0 auto;}
    .pro-wrap img{ margin-bottom:5px}
}
@media screen and (max-width:1000px){
    .pro-wrap img{ margin-top:5px; width: 100%;}

}
.store{max-width:1000px;margin: 0 auto; margin-top:30px;display:none;}  
.store-head{ text-align: center; background: url(../img/blue-head-bg.jpg) #4c9af3; height: 95px; padding-top:25px; width:1000px; margin: 0 auto;}
.store-head2{ text-align: center; background: url(../img/r-head-bg.jpg) #4c9af3; height: 95px; padding-top:25px; width:1000px; margin: 0 auto;}
.store-head h2,.store-head2 h2{font-size: 40px; color: #fff;}
.store-head p,.store-head2 p{ font-size: 14px; color: #fff; line-height: 40px;} 
.store-show{max-width:1000px; margin:0 auto; margin-top:30px;}
.store-deail{ margin-top:50px;}
.store-text{ width: 500px; float: left;}
.store-text h2{ width:480px; font-size: 30px; color:#ef224d; height: 55px; border-bottom: 2px solid #ef224d;}
.store-text-list{ margin-top:16px;}
.store-text-left{ padding-left:20px; width:480px;}
.store-text-list h3{ font-size: 20px;color:#ef224d; line-height: 22px;}
.store-text-list p{ font-size: 12px;color:#727171; line-height: 18px; width:95%;}
.store-img{ width: 500px; float:left;}
.store-hidden{ display: none;} 

@media screen and (max-width:1000px){
    .store{ width:100%; margin: 10px auto 20px auto;}
    .store-img{ width: 100%; margin-top:15px;}
    .store-show img{ width: 100%;}
    .store-show{margin-top:10px; width:95%; margin:15px auto;}
    .store-text{ width: 95%; margin: 0 auto; float: none;}
    .store-text-list{ margin-top:10px;}
    .store-text-left{ padding-left:0; width:100%; margin-top:20px;}
    .store-text h2{ width:100%;font-size: 16px;  height: 25px; border-bottom: 1px solid #ef224d;}
    .store-text-list h3{ font-size: 13px;  line-height: 15px;}
    .store-head,.store-head2{ padding-top:10px; width:95%; background-size:410px 75px; height: 65px; }
    .store-head h2,.store-head2 h2{font-size: 17px; line-height: 30px; color: #fff;}
    .store-head p,.store-head2 p{ font-size: 12px; color: #fff; margin-top:5px; line-height: 10px;}
    .store-img img{ width: 100%; margin:0 auto;}
    .store-block{ display: none;}
    .store-hidden{ display:block;}
    .store-deail{ width: 95%; margin: 0 auto;  float: none;}
} 
@media screen and (max-width:370px){
    .store-head,.store-head2{height:  auto;}
    .store-head h2,.store-head2 h2{ line-height: 20px; font-size: 15px; } 
    .store-head p,.store-head2 p{ font-size: 12px; color: #fff;  margin-top:0px; padding-bottom: 10px;}
}

.why-select{width:1000px;margin: 0 auto; margin-top:30px;}
.tel-why{ display: none;} 
.why-select-list ul li{ float:left; width: 24.9%; margin-left:1px; margin-bottom: 1px; height: 140px; text-align: right;}
.why-select-list ul li img{ width:100%; height: 100%;}

.why-select-text{ padding: 166px 0 0 162px; width:100%;height: 727px;background: url(../img/jiameng-backgroud.jpg) no-repeat;}
.why-select-info ul  li{font-size: 12px; height: 168px; width:600px;}
.why-select-info ul  li h2{ font-size: 24px; font-weight: normal; color:#ef224d; margin:0 0 10px 10px;}
.why-select-info ul  li:nth-child(3){width:560px;}
.why-select-info ul  li:nth-child(4){width:625px;}
.why-select-info ul li span{ line-height: 18px;}
.why-select-info .jameng-liu{ border: 1px solid #ef224d; font-size: 16px; width: 153px; text-align: center; line-height: 30px; margin:20px auto; }
.why-select-info .jameng-liu a{color:#ef224d; }
@media screen and (max-width:1000px){ 
    .why-select{ width:95%; margin-top:20px;}
    .why-select-list ul li{ width: 49.5%;}  
    .why-select-list ul li{ height: 255px;}   
    .tel-why{ display: block; width:100%;} 
    .why-select-text{ padding: 0; width:100%;height: auto;background:none;}
    .why-select-info ul  li{font-size: 12px; height: auto;; width: 100%; background: url(../img/jiameng-icon.jpg) no-repeat #fff left  2px;background-size: 5px 22px;}
    .why-select-info ul  li h2{ font-size: 18px; font-weight: normal;  margin:15px 0 0 10px;}
    .why-select-info ul  li:nth-child(4){width:100%;}
}
@media screen and (max-width:768px){ 
    .why-select-list ul li{ height: 200px;}
    .why-select-info ul  li h2{ font-size: 16px; font-weight: normal;  margin:10px 0 0 10px; line-height: 20px;}
    .why-select-info ul  li{font-size: 12px; height: auto;; width: 100%; background: url(../img/jiameng-icon.jpg) no-repeat #fff left  2px;background-size: 5px 18px;}
}
@media screen and (max-width:414px){ 
    .why-select-list ul li{ height: 110px;}
}
@media screen and (max-width:320px){ 
    .why-select-list ul li{ height: 85px;}
}
.pro-show{ width:1000px; margin:0 auto; overflow: hidden;} 
.pro-show-head{ margin-top:30px;}
.pro-list{ margin-top:15px; overflow: hidden;} 
@media screen and (max-width: 1000px){
    .pro-show{ width:95%; margin:0 auto; overflow: hidden;} 
    .pro-show img{ width: 100%;}
    .pro-show-head{ margin-top:15px;}
    .pro-list{ margin-top:5px;height:150px;} 
} 
.factory-show{ width:1000px; margin: 0 auto; margin-top:30px;display:none;}
.factory-list{ margin-top:15px;} 
@media screen and (max-width: 1000px){
    .factory-show{ width:95%; margin:0 auto;} 
    .factory-show img{ width: 100%;}
    .factory-show-head{ margin-top:15px;}
    .factory-list{ margin-top:5px;}
} 
.sold-show{ width:1000px; margin:0 auto; margin-top:30px;}
.sold-list{ margin-top:15px;}
.sold-list ul li{ float: left; margin: 0; padding:0;} 


@media screen and (max-width: 1000px){
    .sold-show{ width:95%; margin-top:15px;}
    .sold-show img{ width:100%;}
}
.achievement{ width:1000px; margin:30px auto 0 auto; overflow: hidden;} 
.achievementter-info{ padding:10px 4px; text-align: left; font-size:12px;}
.achievement-list{ width: 25%; text-align: center;}
.achievementter h3{color:#ec3545; margin-bottom: 8px; font-size: 16px; text-align: left;}
.achievementter span{ line-height: 18px;}
@media screen and (max-width: 1000px){
    .achievementter-info span{ font-size: 14px;}
    .achievement{ width:95%; margin:0 auto;}
    .achievement-list{ width: 100%;}
    .achievement img{ width:100%;} 

}

.brand{ width:1000px; margin:0 auto; margin-top:30px;}
.brand-info{margin-top:15px;} 
.brand img{ width:100%;}
@media screen and (max-width: 1000px){
    .brand{ width:95%; margin-top:5px;}
}

.miedia{ width:1000px; margin: 0 auto; margin-top: 30px; height: 430px;}
.miedia-info{ margin-top: 15px;}
.miedia-info ul li{ float:left; width:16.66%;} 
.miedia-info ul li img{ width:100%;}
@media screen and (max-width: 1000px){
    .miedia-info ul li{ width: 33.3%;} 
    .miedia{ width:95%; margin-top: 10px; height: 430px;}
    .miedia img{ width:100%;}
}
.message-wrap{background: #f8f8f8; width: 100%; height: 600px; padding-top:20px;}
.message{ width:1300px; margin: 0 auto;}
.message-left{ float: left;}
.message-right{ float: left; width: 613px;}
.message-top{ clear:both; border-bottom: 2px solid #9fa0a0; margin-bottom: 30px; }
.message-top h2{ font-size: 25px; font-weight: normal; line-height: 45px;}
.message-top span{ font-size: 14px; float:right;}
.message-right{ margin-top:50px;}
.message-right label{ font-size:16px; display: block; float: left; width:49.99%; text-align: right;}
.message-right  input{  height:30px; width: 250px; border: 2px solid #e7e7e7;} 
#text-label{ text-align: left; margin-top:30px; padding-left:15px;}
#text-label textarea{ width:590px; border: 2px solid #e7e7e7; height: 190px; margin-top: 30px;}
#verify{float: left; width:280px; text-align: left; margin-left:15px; height: 31px; margin-top: 20px;} 
#verify span{line-height: 30px;}
#verify input{ float:left; width:100px; height: 30px;}
#verify  img{ float: left;}
#submit{float:right; }
#submit input{ float:right; width: 121px; margin-top: 20px; background: #000; font-size: 14px; color:#fff;}
#submit input:hover{ cursor: pointer;}
@media screen and (max-width: 1000px){
    .message-wrap{ height: 500px;}
    .message{ width:95%; margin: 0 auto;} 
    .message-right{ width: 95%; margin: 0 auto; float:none;}
    .message-left{ display: none;}
    .message-top h2{ font-size: 18px; font-weight: normal; line-height: 35px;}
    .message-top span{ font-size: 12px; float:left;}
    .message-right label{ font-size:14px; display: block; float: left; width:100%; text-align: left;}
    .message-right  input{  height:30px; width: 100%; border: 2px solid #e7e7e7; margin:8px 0;} 
    #text-label{ text-align: left; margin-top:10px; padding-left:0;}
    #text-label textarea{ width:100%; border: 2px solid #e7e7e7; height: 140px; margin-top: 8px;}
    #verify input{ margin: 0;} 
    .ng-li{ width:100%; overflow: hidden;}
    #submit{ text-align: center;}
    #submit input{ float: none; margin: 20px auto;}
} 
.last-setion{ width:100%; background: #f8f8f8;}
.ng-li ul{ margin: 0 auto;}
.web-top{background:url(../img/xl-bg.png);position:fixed;top:0px;left:0px;width:100%;z-index:9999;}
.dh-xl{width:125px;overflow:hidden;background:url(../img/xl-bg.png);display:none;position:absolute;} 
.db-jm { 
    background: url(../img/db-jm.png) no-repeat;}
.nf-pic{width:100%;background:url(../img/bg.jpg);text-align:center;}
.ng-li li { padding:0px;}


.message-header h1{
        font-size: 32px;
        font-weight: bold;
        color: #000;
}
#message .message-header p {
        font-size: 16px;
}

