
.news{margin-top:50px;}
.common-title{text-align:center;margin-bottom:20px;}
.common-title h2{font-size: 36px;font-weight: bold;line-height: 60px;}
.common-title p{font-size:26px;color:#e5e5e5;}

.about{margin-top:40px;}
.about1{width:100%;height:auto;overflow:hidden;margin-top:20px;}
.about1 img{float:left;margin-right:30px;margin-bottom:20px;}
.about1 p{text-align:left;line-height: 36px;font-size:16px;text-indent: 2em;margin-bottom: 10px;}


.concept{width: 100%;height:708px;background:url('/images/company-bg.jpg') no-repeat center center;}

.concept .w1200{position: relative;}
.concept .common-title {text-align: left;margin-left: 300px;margin-top: 130px;height: 300px;}
.concept .common-title h2{color: #ffffff;font-size: 36px;line-height: 60px;}
.concept .common-title p{color: #bfbfbf;font-size: 28px;}
.concept1{position: absolute;top: 300px;left: 300px;}
.concept1 h1{font-size: 24px;color: #bfbfbf;font-weight: bold;line-height: 60px;margin-bottom: 10px;}
.concept1 p{font-size: 14px;color:#bfbfbf;line-height: 30px;}

.coop{margin-top:50px; margin-bottom:50px;}
.coop1{}
.coop1 dl{width:250px;float:left;}
.coop1 dt{}
.coop1 dd{text-align: center;}


.top-title{margin-bottom: 20px;text-align: center;height: 50px;line-height: 50px;border-top: 1px solid #999;border-bottom: 1px solid #999;}
.top-title h2{font-size: 36px;margin: 20px auto;letter-spacing: 10px;color: #423120;font-weight: bold;}
.top-title a{font-weight: bold;}
.top-title a:last-child{font-weight:normal;}



.product{width:100%;height:100%;overflow: hidden;padding-top: 30px;margin-bottom: 20px;}

.common-title{margin-bottom: 30px;text-align: center;}
.common-title h2{font-size: 36px;margin: 5px auto;letter-spacing: 6px;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: 0 0 21%;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,.productlist-in:hover a{color:#fff;}

.pro-info{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;}



.product{}
.product-title{width:100%;height:40px;border-bottom: 1px solid #999;margin-bottom: 20px;
}
.product-title h1{font-size:18px; line-height: 40px;width: 100px;position: relative;
padding-left: 10px;color: #ff6637;}
.product-title h1:before{width:100px;height: 2px;background-color: #ff6637;position: absolute;content:"";
bottom: 0px;left:0;}

.product-top{width:100%;}
.product-img{width: 500px;height:500px;position: relative;padding: 10px;border: 1px solid #eee;float: left;}
.product-img img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;max-width: 99%;min-height: 99%;}

.product-detail{width: 600px;float: right;padding-top: 40px;}
.product-detail h1{font-size: 24px;}
.product-phone{width:160px;height: 40px;border:1px solid #ff6637;text-align: center;line-height: 40px;color: #ff6637;display: inline-block;margin-top: 60px;}
.product-phone svg{width:20px;height:20px;vertical-align: middle;}

#share{margin-top:30px;}

.product-content{width:100%;margin-top:50px;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.product-content1{width: 160px;height: 50px;  border: 1px solid #eee;border-top: 4px solid #ff6637;text-align: center;
}
.product-content1 h1{line-height: 50px;color: #ff6637;}

.product-content2{padding: 10px;border: 1px solid #eee;}

.product-content2 img{max-width:100%;}


.Coop-list{width:1200px;background-color: #f5f5f5;display: flex;padding-top: 30px;padding-bottom: 20px;margin-bottom: 40px;}
.Coop-list dl{flex: 1 0 25%;padding: 0 2%;}
.Coop-list dl dt{}
.Coop-list dl dt img{width: 100%;}
.Coop-list dd{text-align: center;height: 40px;line-height: 40px;}





.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;}



.company-news{}
.company-news1{width:550px;height:365px;float: left;}
.company-news1 img{width: 100%;height:100%;}

.company-news2{width: 570px;float: right;}
.company-news2 dl{width:100%;height:100px;border-bottom: 1px solid #eee;}
.company-news2 dl dt{width:100px;float: left;position: relative;padding-top: 20px;padding-left: 20px;}
.company-news2 dl dt:before{position: absolute;content: "";right:0px;width:1px;height: 66px;background-color: #eee;}
.company-news2 dl dt h1{font-size: 26px;color: #626971;}
.company-news2 dl dt h3{font-size:14px;color:#666;margin-top: 5px;}
.company-news2 dl dd{width: 420px;float: right;}
.company-news2 dl dd a{font-size: 18px;color:#000;line-height: 40px;letter-spacing: 1px;}
.company-news2 dl dd a:hover{color:#ff6637;}
.company-news2 dl dd h3{font-size:14px;color: #888;line-height: 24px;}


.industry{width: 100%;margin-top:60px;margin-bottom:60px;}
.industry-news dl{width:100%;height:100px;border-bottom: 1px solid #eee;margin-bottom: 14px;}
.industry-news dl dt{width:100px;float: left;padding-top: 16px;height:100px;
background-color: #f2f2f2;text-align: center;}
.industry-news dl dt h1{font-size: 26px;color: #626971;}
.industry-news dl dt h3{font-size:14px;color:#666;margin-top: 5px;}
.industry-news dl dd{width: 1060px;float: right;}
.industry-news dl dd a{font-size: 20px;color:#000;line-height: 40px;letter-spacing: 1px;}
.industry-news dl dd a:hover{color:#ff6637;}
.industry-news dl dd h3{font-size:14px;color: #888;line-height: 24px;}

.contact{width: 100%;height: 480px;margin-top:80px;}
.contact1{float:left;width:500px;float:left;}
.contact1 .common-title{text-align: left;}
.contact1 .common-title h2{margin:0 auto;}
.contact11{margin-top: 30px;}
.contact11 h3{font-size: 18px;font-weight: bold;color: #424141;line-height: 50px;margin-bottom: 20px;}
.contact11 p{font-size:16px;color: #424141;line-height: 40px;}
.contact2{width:680px;float: right;height:420px;}



.feedback{}
.feedback1{
    margin-bottom: 40px;
}
.feedback1 ul{height:280px;}
.feedback1 li{width: 350px;float:left;margin-right: 25px;}
.feedback1 li:nth-child(3){margin-right:0px;}
.feedback1 li span{font-size:16px;}
.feedback1 li input{font-size:16px;width: 280px;border: 1px solid #dadada;}
.feedback1 li em{color: #f00;margin-left: 8px;}

.feedback1 li:last-child{width:100%;margin-top: 30px;}
.feedback1 li:last-child textarea{width: 1030px;height: 150px;border: 1px solid #dadada;}

.feedback1 input[type="submit"]{clear: both;width:240px;height:40px;line-height:40px;
  border:none;color:#fff;background-color: #f54f4f;}
  
  
  
.newsin-title{}
.newsin-title h3{font-size:22px;letter-spacing:1px;line-height:50px;}
.newsin-info{margin-top:20px;margin-bottom:20px;}
.newsin-info p{font-size:14px;}
.newsin-content{width:100%;margin-top:20px;border-top:1px solid #999;padding:40px 20px;}



