/******banner*****/
.banner{position: relative;}
.banner img{width: 100%;} 
.banner .cont{position: absolute;top:50%;transform: translateY(-50%);text-align: center;width: 100%;}
.banner .cont h2{font-size: 34px;font-weight: bold; color:#fff;}
.banner .cont h2:after{content:"";display: block;width: 34px;height: 2px;background-color: #fff;margin:15px auto;}
.banner .cont p{font-size: 14px;color:#fefefe;}

.u-content{line-height: 2em; }
.u-content img{max-width: 100%;}

.nytop{line-height: 30px;background-color: #f5f5f5; }
.nytop .flexbox{align-items: center;justify-content: space-between;height: 60px;}
.location{line-height: 30px;}
.location i{color: #ec2222;margin-right: 10px;}
.location a,.location span{font-size: 14px;color:#666666;}
 
 .section-box{padding:35px 0 60px 0;background-color:#f5f5f5}

.section-body {display: flex; }
.section-body .leftbox{ flex:0 0 280px;}
.section-body .leftbox .leftitem{margin-bottom: 30px; background-color: #ffffff;}
.section-body .leftbox .leftitem h3{height: 60px;padding:0 20px; background-color: #ec2222;color: #fff;line-height: 60px;font-size: 24px;}
.section-body .rightbox{flex: 1;margin-left: 90px;}
.leftitem.lxwm{ }
.leftitem.lxwm .cont{padding:20px;color:#999;font-size: 14px;}
.leftitem.lxwm .cont h4{font-weight: bold;font-size: 16px;line-height: 30px;}
.leftitem.lxwm .cont p{line-height: 30px;display: flex;}
.leftitem.lxwm .cont p i {line-height: 30px;flex: 0 0 24px; }
 
.leftbox .menutype{  } 
.leftbox .menutype ul{/*background-color: #f5f5f5;*/}
.leftbox .menutype ul li{ border-bottom: 1px solid #f1f1f1;font-size: 14px; }
.leftbox .menutype>ul>li>a{padding:0 20px; cursor: pointer;height: 44px;line-height: 44px;overflow: hidden; display: flex;align-items: center;justify-content: space-between; color:#333;}
.leftbox .menutype>ul>li>a i{ color:#ccc; }
.leftbox .menutype ul li:hover>a,.leftbox .menutype ul li.active>a{color: #ec2222;}
.leftbox .menutype ul li:hover>a i,.leftbox .menutype ul li.active>a i{color: #ec2222;}
.leftbox .menutype ul.subul{display: none;}
.leftbox .menutype ul.subul li{border-bottom: none;}
.leftbox .menutype ul.subul li a{padding-left:40px; line-height: 30px;}
.leftbox .menutype ul li.active ul{display: block;}
.rightbox .title{height: 44px;border-bottom: 1px solid #ec2222;}
.rightbox .title h3{font-size: 24px;color:#333;}

.productbox{ }
.prolist{margin-top: 30px;}
.prolist table th, .prolist table td{border:1px solid #fff;padding:10px 20px;text-align: center;line-height: 25px;}
.prolist table>thead>tr>th,.prolist table>tbody>tr>td{vertical-align: middle;}
.prolist table th{height: 60px;color:#fff;background-color: #ec2222;font-weight: normal;}
.prolist .table>thead:first-child>tr:first-child>th{border-top:1px solid #fff;}
.prolist table td .down{display: inline-block;margin:0; width: 30px;height: 30px;background:url(../img/clouddown.svg) center center / 30px auto;}
.prolist table tr:hover td{color:#ec2222;cursor: pointer;}
.prolist table tr:hover td .down{background:url(../img/clouddownred.svg) center center / 30px auto;}
.prolist table td{font-size: 14px;}
.proshow{padding:60px 30px;text-align: center;}
.proshow img{max-width: 100%;}


.formbox{padding:40px 0;}
.formbox .flexbox{justify-content: space-between;}
.formbox .form-group{display: flex;margin-bottom:30px;}
.formbox .form-group label{float: left;width: 5em;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;margin:0;}
.formbox .form-group .form-control{border-radius: 0; width: 380px;display: inline-block;height: 40px; }
.formbox .form-group .form-control.short{width: 200px;}
.formbox .form-group .form-control.appother{margin-left: 20px;}
.formbox .form-group .form-control.code{}
.formbox .form-group img.captcha{margin-left: 20px;height:40px;}
.formbox .form-group.textarea-group{width: 100%;}
.formbox .form-group textarea{flex:1;border:1px solid #ccc;height: 200px;padding: 6px 12px;}
.formbox .form-group button{height: 44px;width: 140px;background-color: #ec2222;border:none;color:#fff;border-radius: 5px;}
.evalbox{display: flex;align-items: center;margin-bottom: 30px;}
.evalbox label{font-weight: normal;font-size: 14px;flex:0 0 330px;margin:0;}
.evalbox .select-box{border: 1px solid #ccc;height: 40px;width: 220px;}
.evalselbox {justify-content: space-between;/*flex-wrap: wrap;*/}
.evalselbox label{flex:0 0 180px;line-height: 40px;}
.evalselbox .itembox{display: flex;margin-left: 20px;}
.evalbox .item{display: flex;align-items: center;margin-left: 20px;}
.evalbox .item label{flex: 0 0 90px;}
.evalbox .item .select-box{ }
.evalareabox {display: block;}
.evalareabox label{margin-bottom: 15px;}
.evalareabox .textarea-group{ }
.evalareabox .textarea-group textarea{width: 100%;height: 200px;border:1px solid #ccc;padding:6px 12px;}
.summary{padding:30px 0;line-height: 1.75em;}


.section-about{ } 
.section-about .aboutbox{ display: flex; } 
.section-about .aboutcont { align-items: center;justify-content: space-between;padding-right: 50px;}
.section-about .aboutcont h2{color:#ec2222;font-size: 36px; font-family: "RanyBold";margin-bottom: 15px;text-transform: uppercase;}
.section-about .aboutcont h3{ margin-bottom: 30px;font-size: 24px;}   
.section-about .aboutcont .txt{ line-height: 30px;} 
.about-num{display: flex;align-items: center;justify-content: space-between;margin-top: 30px;}
.about-num li{ padding: 30px 25px 20px;flex: 1; }
.about-num li .number{color:#ec2222;}
.about-num li .number .counter{font-size: 36px;}
.about-num li .number sup{font-size:14px;top: -15px;margin-left: 10px;}

.section-culture{background:url(../img/culturebg.jpg) center center / cover;}
.section-culture .title{margin-bottom: 40px;text-align: center;}
.section-culture .title h2{font-size: 24px;color:#fff;}
.section-culture .imgbox{flex:1;display: flex;justify-content: center; align-items: center;}
.section-culture .contbox{flex:1;}
.section-culture .contbox .text{height: 100%;display: flex;flex-direction: column;justify-content: center;color:#fff;}
.section-culture .contbox .text dl{margin:30px 0;}
.section-culture .contbox .text dl dt{margin-bottom: 20px;font-size: 18px;font-weight: bold;}
.section-culture .contbox .text dl dt img{margin-right: 10px;}
.section-culture .contbox .text dl dd{font-size: 14px;}

.section-honor

.section-honor{background-color: #f5f5f5;}
.section-honor .title{ margin-bottom: 40px;text-align: center;}
.section-honor .title h2{font-size: 30px;line-height: 50px;}
.honor{position: relative;padding:0 60px;}
.honorSwiper {overflow: hidden;padding: 30px 0; max-width: 1100px;margin:auto;}
.honor .swiper-slide img{width: 100%;}
.honor .swiper-button-prev, .honor .swiper-button-next{width: 50px;height: 50px;border-radius: 50%;border:1px solid #ec2222;color:#ec2222;}
.honor .swiper-button-next:after, .honor .swiper-button-prev:after{font-size: 24px;}
.honor .swiper-button-prev:hover, .honor .swiper-button-next:hover{background-color: #ec2222;color:#fff;}
.honor .swiper-button-prev{left: 0px;}
.honor .swiper-button-next{right: 0px;} 

.joblist{padding:30px 0;}
.job-item{}
.job-item .job-item-head{background-color: #ffffff;display: flex;height: 60px;align-items: center;justify-content: space-between;padding:0 30px;cursor: pointer;}
.job-item:nth-child(odd) .job-item-head{background-color: #e7e7e7;}
.job-item .job-item-head i{ color:#ec2222;}
.job-item .job-item-body{display: none;padding:15px 30px;border:1px solid #e7e7e7;}
.job-item .job-item-body .cont{line-height: 24px;}
.job-item.open .job-item-head{background-color: #ec2222;color:#fff;}
.job-item.open .job-item-head i{color:#fff;}
.job-item.open .job-item-body{ }

.contact{padding:30px 0;display: flex;} 
.contact .cont{flex: 0 0 350px;display: flex;flex-direction: column;justify-content: space-between;padding-right: 60px; }
.contact .cont .text{display: flex;height: 100%;flex-direction: column;justify-content: center;line-height: 1.75em;}
.contact .cont h4{font-size: 24px;line-height: 50px;color:#ec2222;}
.contact .cont h5{font-size: 14px;color:#999;margin: 30px 0 20px;}
.contact .cont p{font-size: 16px;line-height:  }
.contact .map{ height: 400px;flex:1;font-size: 14px;}

.newslist{padding:30px 0;}
.newslist ul li{margin-bottom: 20px;padding:30px 40px;background-color: #fff;display: flex;}
.newslist ul li .img{flex:0 0 270px;}
.newslist ul li a{display: block;}
.newslist ul li .cont{flex:1;padding: 10px 30px;}
.newslist ul li .cont .flexbox{height: 100%; display: flex;flex-direction: column; justify-content: center;}
.newslist ul li .cont h4{font-size: 20px;line-height: 30px;  color: #333;transition:all 0.3s;}
.newslist ul li .cont .txt{font-size: 12px;color: #a7a7a7;margin-top: 20px;line-height: 20px;height: 60px;overflow: hidden;}
.newslist ul li .date{font-size: 14px;color:#666;margin-top: 20px;}
.newslist ul li:hover .cont h4{color:#ec2222;transition:all 0.3s;} 

.newsshow{padding:30px 0;}
.newsshow .news-title{text-align: center;margin-bottom: 40px;}
.newsshow .news-title h3{font-size: 18px;color: #333;line-height: 40px;}
.newsshow .news-title p{font-size: 14px; margin-top: 10px;color: #999;}
.newsshow .news-title p span{margin:0 30px;}
.newsshow .news-content{ font-size: 14px;line-height: 2em;}
.newsshow .news-bot{margin-top: 40px;display: flex;justify-content: space-between;align-items: center;}
.newsshow .news-bot .skip{flex: 1;color: #999;line-height: 30px;font-size: 16px;}
.newsshow .news-bot .skip a:hover{color: #ec2222;}
.newsshow .news-bot .tolist{flex: 0 1 160px;}
.newsshow .news-bot .tolist a{width: 170px;height: 45px;display: block;border: 1px solid #ec2222; color: #ec2222;line-height: 45px;text-align: center;}
.newsshow .news-bot .tolist a:hover{background-color: #ec2222;color: #ffffff;}

.applist{padding:30px 0;}
.applist ul{display: flex;flex-wrap: wrap;margin:0 -10px;}
.applist ul li{width: 33.33%;padding:0 10px;margin-bottom: 30px;}
.applist ul li .img{position: relative;}
.applist ul li .img .bg{background-color: rgba(236,34,34,0.7);position: absolute;top:0;left:0;width: 100%;height:100%;z-index: 11;opacity: 0;transition: opacity 0.3s;}
.applist ul li .img img{width: 100%;}
.applist ul li .cont{padding:20px 10px;}
.applist ul li .cont h4{margin-bottom: 10px;line-height: 24px;height: 24px;overflow: hidden;transition: color 0.3s;}
.applist ul li .cont p{font-size: 14px;color:#999;line-height: 20px;height: 60px;overflow: hidden;}
.applist ul li .cont .arrow{height: 20px;margin-top: 20px;background: url(../img/swap-right.svg) center left / 30px auto no-repeat;transition: all 0.3s;}
.applist ul li a:hover .img .bg{opacity: 1;transition: opacity 0.3s;}
.applist ul li a:hover .cont h4{color:#ec2222;transition: color 0.3s;}
.applist ul li a:hover .arrow{ background: url(../img/swap-right-red.svg) center left / 30px auto no-repeat;transition: all 0.3s;}

.appshow{padding:30px 0;}
.appshow .news-title{padding:20px 0;text-align: center;}
.related{margin-top: 40px;}
 
@media (min-width:992px) { 
	.formbox .form-group .form-control{width: 250px;}
}

@media (min-width:1200px) { 
	.formbox .form-group .form-control{width: 300px;}
}

@media (min-width:1400px) { 
	.formbox .form-group .form-control{width: 380px;}
}
   
@media (min-width:1600px) {  
	
}

@media(max-width: 1500px){
	.section-body .rightbox{margin-left: 50px;}
	.evalselbox{flex-wrap: wrap;}
	.evalselbox .itembox{margin-left: 0;}
	.evalselbox .item{margin-left: 40px;}
	.evalselbox .item:first-child{margin-left: 0;}
	.evalselbox .item .select-box{width: 150px;}
}
@media(max-width: 1200px){
	.section-body .leftbox{flex:0 0 240px;}
	.section-body .rightbox{margin-left:30px;}
	.section-about .aboutbox{flex-direction: column;}
	.aboutbox .aboutimg{text-align: center;margin-top: 30px;}
	.section-about .aboutcont h2,.section-about .aboutcont h3{text-align: center;}
	.contact{display: block;}
	.contact .cont{margin-bottom: 30px;}
}

@media(max-width:992px){ 


}

@media(max-width:768px){ 
	.section-body{flex-direction: column;}
	.section-body .leftbox{ order: 2; margin-top: 30px;}
	.section-body .rightbox{margin-left:0;order: 1;}
	/*.leftbox .menutype{display: none;}*/
	.prolist {overflow-x:auto; }
	.prolist table{width: 800px;max-width:none;}

	.banner .cont h2{font-size: 20px;}
	.banner .cont h2:after{margin:5px auto;}

	.applist ul li{width: 50%;}
	.formbox .form-group .form-control{width: auto; flex: 1;}
	.formbox .flexbox{flex-direction: column;}
	.evalbox{flex-wrap: wrap;}
	.evalbox .select-box{margin-top: 10px;}
	.section-about .aboutcont{padding:0;}
	.section-about .aboutcont h2{font-size: 24px;}
	.section-about .aboutcont h3{font-size: 20px;}
	.aboutbox .aboutimg img{max-width: 100%;}
	.about-num{flex-wrap: wrap;}
	.about-num li{padding:10px 5px;width: 50%;flex:auto;}
	.about-num li .number .counter{font-size: 18px;}
	.about-num li .number sup{top:-0.5em;}
	.about-num li .text{margin-bottom: 10px;}
	.section-culture .flexbox{display: block;}
	.section-culture .imgbox img{max-width: 100%;}
	.section-culture .contbox{padding-top:20px;}
	.section-culture .contbox .text dl{text-align: center;margin:15px 0;}
	.honor .swiper-button-prev, .honor .swiper-button-next{display: none;}
	.honor{padding:0;}
	.contact .cont h5{margin:20px 0 10px;}
}