@import "common.css";
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft Yahei";
}
.contain {
    width: 1200px;
    margin: 0 auto;
}
.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}
.banner1{
    width: 100%;
    min-width: 1200px;
    height: 565px;
     overflow: hidden;
}

.fl{ float: left;  }
.fr{ float: right;  }
a{text-decoration: none;}

/*map start*/
html,body{margin:0;padding:0;}
.iw_poi_title {color:#CC5522;font:14px "microsoft yahei";font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px "microsoft yahei",sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.map{clear:both;background-color:#fff;width:505px;height:350px;overflow:hidden;margin-top:20px;border:#ccc solid 1px;}
.int{ height: 30px; text-align: left; width: 600px; }
label{ width: 200px; margin-left: 20px; }
.high{ color: red;width: 5px;height: 5px;}
.msg{ font: 13px "microsoft yahei"; }
.onError{ color: red; /*margin-left: 24px;*//*border: 1px solid red*/width: 5px;height: 5px; }
.onSuccess{ color: green; }
.blur {
    border: 1px solid red;
}
#code{float:left;margin-left:10px;width: 90px;height: 38px;}
#code:focus{outline: none;}
.cc,.ccc{background:#cccccc;vertical-align:middle;cursor: pointer}
/*map end*/
.content{
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.content_right{
    width: 880px;
    margin-top: 3px;
}
.content_right .contactfunction{
    width: 360px;
    margin-top: 40px;
    position: relative;
}
.contactfunction li{
    font: 18px "microsoft yahei";
    color: #333333;
    float: left;
    padding-bottom: 20px;
    padding-top: 20px;
    border-top: solid 1px #cccccc;
    list-style: none;
    width: 360px;

}

.contactfunction li:nth-child(3){
    font: 18px "microsoft yahei";
    color: #333333;
    float: left;
    padding-bottom: 21px;
    padding-top: 21px;
    border-top: solid 1px #cccccc;
    list-style: none;
    width: 360px;

}
.contactfunction li:nth-child(4){
    font: 18px "microsoft yahei";
    color: #333333;
    float: left;
    padding-bottom: 18px;
    padding-top: 18px;
    border-top: solid 1px #cccccc;
    list-style: none;
    width: 360px;

}
.contactfunction li img{
    margin-right: 10px;
    width: 25px;
}

.contactfunction li:nth-child(1){
font: 30px "microsoft yahei";
    width: 360px;
    color: #0d539b;
    float: left;
    padding: 0;
    margin: 0;
    margin-bottom: 48px;
    border-top: none;
    list-style: none;
}
.contactfunction li:nth-child(2) {
    width: 360px;
    font: 18px "microsoft yahei";
    color: #333333;
    float: left;
    padding-bottom: 23px;
    padding-top: 0;
    margin: 0;
    border-top: none;
    list-style: none;

}
.contactfunction li:nth-child(5) {
    width: 360px;
    font: 18px "microsoft yahei";
    color: #333333;
    float: left;
    padding-top: 23px;
    padding-bottom: 0;
    margin: 0;
    border-top: none;
    list-style: none;
    border-top: solid 1px #cccccc;

}
.content_right .c_liuyan{
    margin-top: 30px;
    width: 880px;
    margin-bottom: 20px;
}
.content_right .c_liuyan .online{
    width: 106px;
    height: 50px;
    background: #0d539b;
    color: #fff;
    font:18px/50px "microsoft yahei";
    text-align: center;
}
.c_liuyan form{
    border: 1px solid #cccccc;
    width: 880px;
    height: 446px;
    background: url("../images/contact_us/yghyi.png") no-repeat ;
    position: relative;


}
.c_liuyan form ul{
    float: left;
}
.c_liuyan form input{
    width: 400px;
    height: 38px;
    margin-left: 5px;

}
.c_liuyan form ul li{
    list-style: none;
    font: 18px/38px "microsoft yahei";
    margin-bottom: 32px;
    margin-left: 50px;
    color: #333333;
}
.c_liuyan form ul textarea{
     width: 670px;
    height: 118px;
    margin-left: 5px;
    padding-top: 10px;
    padding-left: 10px;
    font: 14px "microsoft yahei";
    color: #999999;
}

.c_liuyan form ul li:nth-child(1){
    font: 18px/38px "microsoft yahei";
    color: #333333;
    margin-top: 32px;
}
.c_liuyan form .spa01{
    margin-bottom: 40px;
    position: relative;
    bottom: 100px;
}

.c_liuyan form ul li:nth-child(4){
    margin-bottom: 5px;
    width: 800px;
}
.c_liuyan form ul li:nth-child(5){
    width: 460px;
    height: 38px;
}
.c_liuyan form ul li:nth-child(6){
    width: 200px;
    margin-right: 50px;
}
#name{
    padding-left: 10px;
    font: 14px "microsoft yahei";
    color: #999999;
}

#telephone{
    padding-left: 10px;
    font: 14px "microsoft yahei";
    color: #999999;
}
#email{
    font-size: 14px;
    padding-left: 10px;
    color: #999999;
}
.yanzhen{
    padding-left: 10px;
    font: 14px "microsoft yahei";

}
.c_liuyan form ul li:nth-child(5) #change{
    cursor: pointer;
    margin-left: 10px;
    font: 14px "microsoft yahei";
    color: #666;
}
#change:hover{
    text-decoration: underline;
}
#verifyInput{
    width: 110px;
    padding-left: 10px;
    float: left;
    color: #757575;
}
.btn{
    width: 252px;
    height: 35px;
    margin-top: 20px;
    float: right;

}
#send,#reset{
    float: left;
    display: block;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    width: 80px;
    height: 36px;
    margin-right: 16px;
    color: #ffffff;
    background: #0d539b;
    cursor: pointer;
    border:none;
}
#reset:hover{
    background: #999999;
}
#send:hover{
    background: #999999;
}
.content .left{
    width: 300px;
    margin-top: 40px;
}
/*热门产品1*/
.contain .left .hot_products1{
    width: 100%;
    margin-top: 20px;
    height: 170px;
}
.left .hot_products1 ul{
    background-color: #fafafa;
    margin-top: 10px;
}
.left .hot_products1 .hn_head1{
    background: url("../images/hot_bj.png") no-repeat;
 /*   padding-left: 38px;*/
    height: 25px;
    margin-bottom: 10px;
}
.left .hot_products1 .hn_head1 em{
    font:600 16px/18px "microsoft yahei";
    color: #333;
    padding-left: 38px;
}
.left .hot_products1 .hn_head1 span{
    font:500 14px/18px "microsoft yahei";
    color: #808080;
}
.left .hot_products1 li{
    width: 300px;
    height: 144px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.left .hot_products1 li span{
    width: 300px;
    height: 160px;
    margin-right: 20px;
    overflow: hidden;
}
.left .hot_products1 li span img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}