@charset "utf-8";

.qh_pro{padding: 30px 0}
.qh_pro .fl{ width: 260px;background: #2ea563;border-radius: 0 30px 0 0}
.qh_pro .fl .top{padding: 20px 0 0;box-sizing: border-box;color: #fff;font-size: 14px; text-transform: uppercase;text-align: left;padding-left: 20px;}
.qh_pro .fl .top strong{font-size: 28px;display: block;line-height: 60px;font-weight: bold}
.qh_pro .fl .top span{display: inline-block;margin-bottom: 15px;position: relative;font-size: 20px}
.qh_pro .fl ul{padding: 10px 15px;background: #2ea563}
.qh_pro .fl ul li{margin-bottom: 9px auto;padding: 4px 0; }
.qh_pro .fl ul li a{background:#fff;line-height: 47.5px;font-size: 14px;padding-left: 10px;box-sizing: border-box;display: block;position: relative;color: #333}
.qh_pro .fl ul li a:before{content: '>';font-family: 'Kaiti';font-size: 16px;color: #fff;position: absolute;right: 10px;top:0px}
.qh_pro .fl ul li a:hover{background:#ffba00;color: #fff;display: block; }
.qh_pro .fl ul li a:hover:before{color: #fff}
.qh_pro .fl ul li .on{background:#ffba00;color: #fff }
.qh_pro .fl ul li .on:before{color: #fff}

.qh_pro .fr{ width: 920px; }
.qh_pro .fr ul{display: flex; flex-wrap: wrap; justify-content: space-around;}
.qh_pro .fr ul li{ margin-bottom: 20px;box-sizing: border-box;border: 1px solid #efefef}
.qh_pro .fr ul li .pic{height: 190px;width: 260px; line-height: 0;box-sizing: border-box;}
.qh_pro .fr ul li .pic img{  width: 100%; max-height: 195px;min-height: 195px;}
.qh_pro .fr ul li h5{background: #fafafa;color: #333;line-height: 35px;text-align: center; box-sizing: border-box;position: relative;font-size: 16px}
.qh_pro .fr ul li a:hover h5{background: #029d42;color: #fff}

/*youshi*/
.qh_youshi{background:#299559; box-sizing: border-box;padding: 30px 0}
.qh_youshi .fl,.qh_youshi .fr{ width: 600px ;box-sizing: border-box; height: 233px}

.qh_youshi dl{padding: 20px 0 50px 85px;position: relative;margin-left: 30px}
.qh_youshi dl em{position: absolute;left: 0; width: 80px; height: 80px; border-radius: 50%;font-family: 'impact';font-size: 50px;font-weight: bold;color: #ffba00;text-align: center;font-style: initial;line-height: 80px}
.qh_youshi dl dt{font-size: 24px; color: #fff;font-weight: bold;padding-top: 20px}
.qh_youshi dl dt span{display: block;font-size: 16px;color: #fff}
.qh_youshi dl dd{padding: 10px 30px 30px 0; font-size: 14px; line-height: 35px;color: #fff}

/*kehu*/
.qh_par{}
.qh_par_con{ width:100%;  overflow:hidden; position:relative; }
.qh_par_con .bd{padding: 0 0 40px 0}
.qh_par_con .bd ul{ overflow:hidden; zoom:1; }
.qh_par_con .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.qh_par_con .bd ul li .pic{ text-align:center; }
.qh_par_con .bd ul li .pic img{ width:275px; height:200px; display:block; padding:2px; border:1px solid #efefef; }
.qh_par_con .bd ul li .pic a:hover img{ border-color:#999;  }
.qh_par_con .bd ul li .title{ line-height:24px;   }

/*kehu*/
.qh_about{box-sizing: border-box;}
.qh_about .content{border: 1px solid #efefef;box-sizing: border-box;padding:20px;margin: 30px auto }
.qh_about .left{ width: 560px;float: right;box-sizing: border-box;}
.qh_about .left .more{padding: 10px 30px; background: #ee8131;color: #fff}
.qh_about .left .con{padding: 10px 0 ;line-height: 35px;font-size: 14px;}
.qh_about .left .con p{text-indent: 30px}
.qh_about .right{float: left; width: 567px}
.qh_about .right img{ width:567px; height: 357px;border:5px solid #fff; }

/*xinwen*/
.qh_news{}
.qh_news .left {width: 575px;position: relative;box-sizing: border-box;float: left;}

.qh_news .left img {width: 575px;height: 245px;z-index: 1;position: relative;display: block;margin: 0 0 40px 0}

.qh_news .left .fl {border-right: 1px solid #ccc;width: 100px;font-size: 18px;text-align: right;padding: 0 20px 0 0;box-sizing: border-box;height: 200px}

.qh_news .left .fl b {font-size: 14px;display: block;}

.qh_news .left .fr {width: 475px;padding: 0 0 0 20px;box-sizing: border-box;}

.qh_news .left .fr .t {font-size: 16px;font-weight: bold;line-height: 40px;color: #333;display: block;position: relative;}

.qh_news .left .fr .t:before {content: '';width: 1px;height: 40px;background: #2ea563;position: absolute;display: inline-block;left: -21px}

.qh_news .left .fr .t:hover {color: #2ea563}

.qh_news .left .fr p {line-height: 30px;font-size: 14px;}

.qh_news .left .fr .more {font-size: 16px;font-weight: bold;line-height: 50px;color: #333;padding: 0 30px;border-top: 1px solid #ccc;display: inline-block;margin: 20px 0 0 0}
.qh_news .right {width: 580px;margin: 0 0 0 20px;float: right;text-align: left}

.qh_news .right li {width: 100%;height: 160px}

.qh_news .right .fl {border-right: 1px solid #ccc;width: 100px;font-size: 18px;text-align: right;padding: 0 20px 0 0;box-sizing: border-box;height: 160px}

.qh_news .right .fl b {font-size: 14px;display: block;}

.qh_news .right .fr {width: 475px;padding: 0 0 20px 20px;box-sizing: border-box;border-bottom: 1px solid #ccc}

.qh_news .right .fr .t {font-size: 16px;font-weight: bold;line-height: 40px;color: #333;display: block;position: relative;}

.qh_news .right .fr .t:before {content: '';width: 1px;height: 40px;background: #2ea563;position: absolute;display: inline-block;left: -26px}

.qh_news .right .fr .t:hover {color: #2ea563}

.qh_news .right .fr p {line-height: 30px;font-size: 14px;}