.container{padding:0 15px;width:1200px;margin:0 auto}
.section{padding:60px 0}
.section-title{ text-align: center; font-size:36px; margin-bottom: 30px; }
.section-title strong{ display: block; }

.in-service{ background: url(../images/bg2.jpg) no-repeat center; }
.in-service ul{ margin: 0 0 0 -120px; }
.in-service li{float: left; width: 25%;  }
.in-service li a{ display: block; margin: 0 0 0 120px; text-align: center; }
.in-service li h2{ margin: 0; font-size: 24px; font-weight: normal; }
.in-service li p{ margin:10px 0 18px; font-size: 16px; color: #919191; }
.in-service li .btn{ background: #ff6b01; color: #FFF; border-radius: 20px; line-height: 40px; display: inline-block; padding: 0 30px; }

.in-about{ background: #f2f2f2; }
.in-about-left{ float: left; width: 590px; }
.in-about-left h2{ margin: 0; font-size: 32px;  }
.in-about-left h3{margin: 0 0 20px; font-size: 24px; font-weight: normal;}
.in-about-left p{ margin: 0; font-size: 18px; line-height: 30px; }
.in-about-left .btn{ margin-top: 30px; }
.in-about-left .btn a{ background: #ff6b01; color: #FFF; font-size: 18px; border-radius: 20px; line-height: 40px; display: inline-block; padding: 0 30px;  }
.in-about-right{ float: right; width: 590px; }

.in-tese ul{ margin: 0 0 0 -25px; }
.in-tese li{ float: left; width: 33.333%; }
.in-tese li a{ display: flex; align-items: center;justify-content: flex-start; margin: 0 0 25px 25px; padding: 45px 35px; background: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.1) }
.in-tese li .icon{  width: 70px; }
.in-tese li .icon img{ width: 100%; }
.in-tese li h2{ margin: 0; font-size: 24px; color: #707070; }
.in-tese li p{ margin: 0; font-size: 16px; color: #a9a9a9; }
.in-tese .btn{  text-align: center;}
.in-tese .btn a{ background: #ff6b01; color: #FFF; font-size: 18px; border-radius: 20px; line-height: 40px; display: inline-block; padding: 0 30px;  }

.in-photo{ background: #f2f2f2; }

.in-news{ margin: 0 0 0 -60px; }
.in-news li{ float: left; width: 33.333%; }
.in-news li .items{ display: block; padding: 15px; margin: 0 0 0 60px; box-shadow: 0 0 10px rgba(0,0,0,0.1) ; border-radius: 8px; }
.in-news li .items .tits{ font-size: 20px; height: 40px;  border-bottom: 1px solid #eeeeee; display: flex; justify-content: space-between; align-items: center;}
.in-news li .items .tits a{ color: #ff6b01; font-size: 14px; }
.in-news li .items .tits span{ font-weight: bold; }
.in-news li .items p{ display: flex; justify-content: space-between; align-items: center;}
.in-news li .items p a{ flex:1; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.in-news li .items p span{ width: 40px; }

.in-feedback{ background: #f2f2f2; }
.in-feedback-left{ float: left; width: 530px; background: #FFF; box-sizing: border-box; padding:30px; border:1px solid #eeeeee; }
.in-feedback-left .tits{ text-align: center; font-size: 36px; font-weight: bold;  margin-bottom: 15px;}
.in-feedback-left .tits span{ color: #ff6b01; }
.biao .tit{ display: flex; justify-content: center; align-items: center; height: 35px;  font-size: 18px; border-bottom: 1px solid #eeeeee; }
.biao .tit span{ text-align: center; }
.biao .tit span:first-child{ width: 85px; }
.biao .tit span:nth-child(2){ width: 85px; }
.biao .tit span:nth-child(3){ width: 150px; }
.biao .tit span:nth-child(4){ width: 150px; }
.biao ul,.biao ul:hover{ background: transparent; height: 256px; }
.biao li{ display: flex; justify-content: center; align-items: center; height: 40px; text-align: center; font-size: 16px; color: #676566;  }
.biao li span:first-child{ width: 85px; }
.biao li span:nth-child(2){ width: 85px; }
.biao li span:nth-child(3){ width: 150px; }
.biao li span:nth-child(4){ width: 150px; }

.in-feedback-right{ float: right; width: 620px; box-sizing: border-box; padding:30px 80px; background: #ff6b01; color: #FFF; }
.in-feedback-right .tits{ color: #FFF; text-align: center;  margin-bottom: 30px;}
.in-feedback-right .tits span{ font-weight: bold; font-size: 24px; display: block; }

.feedback .label{ display: flex; justify-content: flex-start;align-items: center; font-size: 18px; height: 38px; margin-bottom: 20px; }
.feedback .label span{ width: 100px; text-align: right; }
.feedback .label input{ flex:1; padding-left: 10px; border-radius: 5px; border:none; height: 38px; font-size: 16px; color: #999; }
.feedback .label select{ flex:1; padding-left: 10px; border-radius: 5px; border:none; height: 38px; font-size: 16px; color: #999;}
.feedback .label select option{ width: 100%; }
.feedback  button{ width: 80%; margin-left: 20%; border-radius: 25px; line-height: 40px; background: #FFF; border:none; font-size: 18px; color: #ff6b01;}


.footer{background: #333333;padding-top: 45px; color: #a9a9a9;}
.footer .tits{ text-align: left; font-size: 16px; position: relative; padding-bottom: 15px; margin-bottom: 30px; color: #FFF; }
.footer .tits:before{ position: absolute; left:0; bottom: 0; width: 26px; height: 3px; background: #ff7415; content:''; }
.footer .contact{ float: left; width: 250px; text-align: center; }
.footer .contact .tel{ padding-left: 40px; background: url(../images/tel2.png) no-repeat left center; line-height: 35px; color: #FFF;  font-size: 32px; font-family:'Impact'; }
.footer .contact .btn{ margin-top: 30px;  }
.footer .contact .btn a{ background: #ff6b01; color: #FFF; font-size: 18px; border-radius: 20px; line-height: 40px; display: inline-block; padding: 0 30px;  }
.footer .fnav{ float: left; width: 360px; margin-left: 60px; }
.footer .fnav li{ float: left; width: 50%; }
.footer .fnav li a{ display: block; color: #a9a9a9; line-height: 30px; }
.footer .fnav li a:hover{ color: #FFF; }
.footer .ewm{ float: right; width: 280px; }
.footer .ewm ul{ display: flex; justify-content: center; align-items: center; }
.footer .ewm li{ text-align: center; width: 110px; margin-right: 30px; }
.footer .ewm .text{ margin-top: 10px; }

.footer-copy{background-color: #292929; color: #737373;margin-top: 50px; padding: 20px 0; font-size: 12px; }
.footer-copy a{ color: #737373; margin: 0 10px; }
.footer-copy a:hover{ color: #FFF; }
.footer-copy img{ display: inline-block; margin-right: 20px; }
.footer-copy span{ display: inline-block; }

.banner-sub{height:300px;background:no-repeat center / cover; margin-top: 80px;}

.section-sub{padding:20px 0}

.sub-tit {border-bottom: 1px solid #ddd;font-size: 18px;color: #ff6b01;font-weight: bold;padding-bottom: 15px;margin-bottom: 20px;}
.curmbs {float: right;font-weight: normal;font-size: 12px;color: #999;line-height: 25px;background: url(../images/hom1.jpg) no-repeat 0 center;padding-left: 20px;}
.curmbs em {font-style: normal;padding: 0 5px;}

.ct2-sd{float:left;width:250px}
.ct2-mn{float:right;width:920px}

.panel-sd{margin-bottom:20px;border:1px solid #d1d1d1;}
.panel-sd:last-child{margin-bottom:0}
.panel-sd .tit{text-align:left;font-size:16px;padding:20px 0 20px 35px;background-color:#ff6b01;text-transform: uppercase; color: #f7b4b6;}
.panel-sd .tit span{ font-size: 20px; display: block;  font-weight: bold; color: #FFF; }
.panel-sd .tit i{font-style: normal; font-size: 16px; color: #FFF; margin-right: 5px;}

.contact-sd{padding:20px;}
.contact-sd .tel{background:url(../images/ny-tel.jpg) no-repeat 0 center; padding-left: 55px;}
.contact-sd .tel strong{color:#5b5b5b;font-size:18px; display: block;}
.contact-sd .cont{ margin-top: 8px; }
.contact-sd .cont p{ margin: 0; line-height: 25px;  }

.lanmu{background: #FFF;}
.lanmu li{margin-top:2px;border-bottom:1px solid #d1d1d1;}
.lanmu li>a{display:block;line-height:50px;padding:0 0 0 25px;color:#666;font-size:15px; }
.lanmu li .arr {float: right;height: 45px;width: 40px;position: relative;cursor: pointer;}
.lanmu li .arr:after {content: '';border-top: 2px solid #1977c2;border-left: 2px solid #1977c2;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;transform: rotate(135deg);right: 15px;}
.lanmu-box{display:none}
.lanmu-box p{margin:0;border-top:1px solid #fff;padding-left:15px}
.lanmu-box p a{padding:0 25px;display:block;line-height:40px}
.lanmu li>a:hover,.lanmu li.active>a {color: #fff;background-color: #ff6b01;}
.lanmu li.active .arr:after {border-color: #fff;}
.lanmu li.open .lanmu-box {display: block;}
.lanmu li.open .arr:after {transform: rotate(225deg);}

.list-3{margin:-20px 0 0 -20px}
.list-3 li{float:left;width:33.333333%}
.list-3 li a{display:block;margin:20px 0 0 20px;text-align: center;}
.list-3 li .img-cover{border:1px solid #ddd;padding-top:76%}
.list-3 li .text{line-height:40px;position:relative; padding: 0 14px;  font-size: 16px;}
.list-3 li .text p{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;z-index:1;transition:all 0.5s}
.list-3 li .btn{ text-align: center; }
.list-3 li .btn a{ margin-top: 0; display: inline-block; background: #555555; padding: 3px 20px; height: 35px; line-height: 35px; color: #FFF; font-size: 16px; border-radius: 5px; }
.list-3 li .btn a.blue{ background: #2d56a4; }

.list-4{ margin:10px 0 0 0px!important;}
.list-4 li{ float: left; width: 50%; margin: 0; position: relative; }
.list-4 li a{display: inline-block;line-height: 34px; margin: 0 20px 0 0; color: #545555; width: 70%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list-4 li span{position: absolute; right: 20px; top:8px; color: #bbbbbc; }

.list-5 li{margin-bottom:15px}
.list-5 li a{display:block;border:1px solid #ddd;padding:15px;overflow:hidden}
.list-5 li .img-center{float:left;width:250px}
.list-5 li .text{margin-left:270px}
.list-5 li .text h4{margin:0;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}
.list-5 li .text h4 span{float:right;font-size:12px;color:#999;font-weight:normal}
.list-5 li .text p{color:#797979}
.list-5 li .text .more{float:right;padding:6px 12px;color:#fff;background-color:#B6B6B6}
.list-5 li a:hover{border-color:#ff6b01}
.list-5 li a:hover .text h4{color:#ff6b01}
.list-5 li a:hover .text .more{background-color:#ff6b01}

.list-6 li{ float: left; width: 25%; margin: 0; }
.list-6 li a{display:block;margin:20px 0 0 20px; text-align: center; }
.list-6 li .img-cover{border:1px solid #ddd;padding-top:76%}
.list-6 li .text{margin:8px 0 0;}

.yunu-infocontent-title{margin-bottom:20px;text-align:center}
.yunu-infocontent-title h1{margin:0;font-size:24px}
.yunu-infocontent-title p{margin:10px 0 0;font-size:12px;color:#999}
.yunu-infocontent-title p span{padding:0 5px}

.yunu-infocontent-desc{margin-bottom:20px;border:1px solid #ddd;padding:20px}
.yunu-infocontent-desc p{display: inline;}
.yunu-infocontent-body{line-height:2;margin-bottom:20px}
.yunu-infocontent-body img{max-width:100% !important;height:auto !important;width:auto !important}
.yunu-infocontent-epx{margin-bottom:20px}
.yunu-infocontent-epx li{line-height:32px;margin-bottom:5px}
.yunu-infocontent-epx li span{display:inline-block;background-color:#A2A2A2;color:#fff;padding:0 15px;margin-right:10px}
.yunu-infocontent-epx li em{float:right;font-style:normal}
.yunu-infocontent-return{border-top:1px solid #000;line-height:32px}
.yunu-infocontent-return a{margin-right:10px}
.yunu-infocontent-return .more{margin:0;float:right;background-color:#000;color:#fff;padding:0 10px}
.yunu-infocontent-rem{margin-bottom:20px}
.yunu-infocontent-rem h4{margin:0;font-size:24px;line-height:55px}
.yunu-infocontent-rem li{border-top:1px dashed #dbdbdb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:46px}
.yunu-infocontent-rem li span{float:right}

.prod-menu{margin-bottom:20px;border-bottom:3px solid #ff6b01}
.prod-menu li{float:left;margin-right:7px}
.prod-menu li a{display:block;padding:0 35px;line-height:50px;border-radius:5px 5px 0 0;background-color:#F1F1F1;font-size:16px}
.prod-menu li.active a{background-color:#ff6b01;color:#fff}