.product{width:100%;height:100%;overflow: hidden;padding-top: 30px;margin-bottom: 20px;}

.common-title{margin-bottom: 20px;text-align: center;}
.common-title h2{font-size: 36px;margin: 10px auto;letter-spacing: 10px;color: #353535;font-weight: bold;}
.common-title img{}
.common-title p{font-size: 28px;color: #e5e5e5;}


.productlist{display: flex;flex-wrap:wrap;}
.productlist-in{flex: 1 0 20%;margin:0 20px 15px 20px;height: 50px;line-height: 50px;transition: 1s all;text-align: center;
background-color:#f2f2f2;cursor:pointer;}
.productlist-in a{line-height: 50px;font-size:16px;}
.productlist-in.active,.productlist-in:hover{background-color:#ff6537;}
.productlist-in.active a,.productlist-in:hover a{color:#fff;}

.pro-info{display:flex;flex-wrap:wrap;display:none;}
.pro-info:first-child{display: flex;}
.pro-info dl{flex: 0 0 21%;margin:0 20px 15px 20px;width:250px;height:250px;margin-right: 20px;}
.pro-info dl dt{width:100%;height:200px;position: relative;}
.pro-info dl dt img{width: 100%;height: 100%;}
.pro-info dl dd{width:100%;height:40px;text-align: center;}
.pro-info dl dd span{font-size:16px;line-height:40px;}


.beijing{background: url(../images/beijing.jpg) no-repeat center;width:100%;min-width:1200px;height:200px;padding-top: 45px;margin-bottom: 50px;}
.beijing1{
    width: 500px;
    float: left;
}
.beijing1 h1{font-size: 26px;color: #fff;letter-spacing: 2px;font-weight: bold;}
.beijing2{width:460px;height: 100px;margin-top: 30px;}
.beijing2 li{width:125px;height:45px;float:left;margin-right: 20px;background:url('/images/beijing-kuang.png');
text-align: center;line-height: 45px;}
.beijing2 li span{font-size:18px;color: #fff;}

.beijing3{width: 330px;float: right;}
.beijing3 span{font-size: 16px;color: #fff;line-height: 50px;}
.beijing3 p{font-size:36px;color: #fff;font-weight: bold;display: inline;float: right;}
.beijing a{width:200px;height:50px;clear: both;display: block;border-radius: 25px;background-color: #ff6537;line-height: 50px;text-align: center;color: #fff;font-size: 16px;margin-top: 15px;}

.reason{width:100%;}
.reason1{
    height: 410px;
    margin-bottom: 30px;
}
.reason11{position: relative;width:793px;float: left;}
.reason111{position:absolute;bottom:0px;right:0px;width:570px;height:176px;background-color: #f8f8f8;padding: 20px 30px;}
.reason111 h1{font-size:26px;line-height: 50px;font-weight: bold;color: #353535;}
.reason111 p{font-size:14px;line-height: 26px;}


.reason12{position: relative;float: right;width:386px;}
.reason12 .reasonTitle{background-color:#ff6537;}
.reason12 .reasonTitle{width:100%;height:240px;padding: 30px 60px;}
.reason12 .reasonTitle h1{font-size: 60px;color:#fff;}
.reason12 .reasonTitle .reasonTopic{font-size: 40px;color: #fff;}
.reason12 .reasonTitle .reasonSubTopic{font-size: 16px;color: #ff9a7c;}


.reason2{height:410px;}
.reason2 .reason21{
    width: 600px;
    float: left;
}
.reason2 .reason22{width:560px;float: right;height:410px;padding:50px 60px;}

.reason22 .reasonTitle{width:100%;height: 110px;position: relative;}
.reason22 .reasonTitle h1{color:#ff6537;font-size: 66px;display: inline;margin-right: 20px;position: absolute;top: 0px;}
.reason22 .reasonTitle .reasonTopic{font-size: 38px;color: #353535;position: absolute;left: 100px;top: 6px;}
.reason22 .reasonTitle .reasonSubTopic{font-size: 14px;color: #aaa;position: absolute;left: 100px;top: 56px;}

.reason221{}
.reason221 h1{    font-size: 26px;    font-weight: bold;}
.reason221 p{    font-size: 14px;    margin-top: 20px;    line-height: 30px;}


.reason3{clear: both;}
.reason31{width: 600px;float: left;padding: 60px 50px;}
.reason31 .reasonTitle{width:100%;height: 110px;position: relative;}
.reason31 .reasonTitle h1{color:#ff6537;font-size: 66px;display: inline;margin-right: 20px;position: absolute;top: 0px;}
.reason31 .reasonTitle .reasonTopic{font-size: 38px;color: #353535;position: absolute;left: 100px;top: 6px;}
.reason31 .reasonTitle .reasonSubTopic{font-size: 14px;color: #aaa;position: absolute;left: 100px;top: 56px;}

.reason311 h1{    font-size: 26px;    font-weight: bold;}
.reason311 p{    font-size: 14px;    margin-top: 20px;    line-height: 30px;}


.about{width: 100%;height: 752px;background:url(../images/about-bg.jpg) center center;margin-top:60px;
padding-top: 60px;}

.about .common-title h2{color: #fff; }
.about .common-title p{color: #ffe8d2;}

.about-in{width:1200px;height: 430px;background-color:#fff;padding:46px;margin-top: 50px;}
.about-in1{width:488px;float: left;height:325px;}
.about-in1 img{width:100%;}

.about-in2{width:580px;float: right;padding-top: 10px;}
.about-in2 p{text-indent: 2em;font-size: 15px;line-height: 36px;margin-bottom: 20px;}


.news{width: 100%;height:500px;margin-top:60px;}

.news1{width: 570px;float: left;}
.news11{width:100%;}
.news11 img{width:200px;height:140px;float: left;}
.news111{width: 340px;float: right;}
.news111 h1{font-weight: bold;width:240px;float: left;}
.news111 span{float: right;}
.news111 p{clear: both;font-size: 14px;line-height: 20px;padding-top: 10px;}


.news12{clear:both;padding-top: 10px;}
.news12 li{width: 100%;clear: both;margin-top: 10px;height: 30px;border-bottom: 1px dashed #ccc;}
.news12 li p{float: left;}
.news12 li span{float: right;}

.news2{width:570px;float: right;}

.news21{width:100%;}
.news21 img{width:200px;height:140px;float: left;}
.news211{width: 340px;float: right;}
.news211 h1{font-weight: bold;width:240px;float: left;}
.news211 span{float: right;}
.news211 p{clear: both;font-size: 14px;line-height: 20px;padding-top: 10px;}


.news22{clear:both;padding-top: 10px;}
.news22 li{width: 100%;clear: both;margin-top: 10px;height: 30px;border-bottom: 1px dashed #ccc;}
.news22 li p{float: left;}
.news22 li span{float: right;}