@charset "utf-8";
/* CSS Document */
.pro-main{ display:flex; width:100%; flex-wrap:wrap ;justify-content:space-between}
.pro-1{background:rgba(1,83,191,.05); width:49%; position:relative; margin-bottom:60px}
.ul-ty1{ width:100%; float:left; overflow:hidden}
.ul-ty1 img{ width:100%}
.dl-ty1{ width:100%; position:absolute; left:0; bottom:0; background:rgba(0,0,0,.5); overflow:hidden; box-sizing:border-box; padding:25px 25px 20px; transition:all 0.4s}
.dl-ty1 dt{ width:100%; float:left; overflow:hidden; line-height:36px; margin-bottom:10px;}
.dl-ty1 dt a{ font-size:29px; font-weight:bold; color:#fff; }
.dl-ty1 dt span{ float:right; line-height:36px;}
.dl-ty1 dt span a{ display:block; float:left; height:34px; border:1px solid #fff; line-height:34px; padding:0 20px; border-radius:18px; color:#fff; font-size:16px; font-weight:normal}
.dl-ty1 dt span a:hover{ background:#fff; color:#0153bf; border:1px solid #fff}
.dl-ty1 dd{ width:100%; float:left; overflow:hidden; line-height:18px }
.dl-ty1 dd a{ color:#fff; padding:0px 15px; font-size:18px; border-right:1px solid #fff; display:inline-block; margin-bottom:15px  }
.dl-ty1 dd a:first-child{ padding-left:0}
.dl-ty1 dd a:last-child{ border-right:none; padding-right:0}
.dl-ty1 dd a:hover{ color:#f7941c; text-decoration:underline}
.pro-1:hover dl{ padding:50px 25px; background:rgba(1,83,191,.7)}

.pro_11{ display:flex; width:100%; flex-wrap:wrap ;}
.pro_11 dl{ width:32%; margin-right:2%; display:flex; margin-bottom:45px;border:1px solid #eee; box-sizing:border-box}
.pro_11 dl:nth-child(3n){ margin-right:0;}
.pro_11 dl h4{ width:55%;}
.pro_11 dl h4 img{ width:100%}
.pro_11 dl ul{ width:46%; box-sizing:border-box; padding:15px 20px;  }
.pro_11 dl dt{ line-height:30px; height:30px; margin-bottom:10px;}
.pro_11 dl dt a{ font-size:21px; color:#333}
.pro_11 dl dt a:hover{ color:#f7941c; text-decoration:underline}
.pro_11 dl dd{ line-height:22px; font-size:14px; color:#888; height:66px; overflow:hidden}
.pro_11 dl h6{ line-height:40px; margin-top:30px}
.pro_11 dl h6 a{ display:block; width:100px; height:32px; border:1px solid #eee; border-radius:17px; line-height:32px; text-align:center; font-size:14px; color:#888; font-weight:normal; transition:all 0.3s}
.pro_11 dl h6 a:hover{ color:#fff; background:#f7941c; border:1px solid #f7941c}
.pro_11 dl:hover{box-shadow:0px 5px 10px -5px #eee; border:1px solid #ccc}
.pro_11 dl:hover dt a{ color:#f7941c}
.pro_11 dl:hover h6 a{color:#fff; background:#f7941c; border:1px solid #f7941c}

/**********产品页*********/
.nybodypro{ text-align:center}
.pro_21{ width:82%; margin:0 auto; display:flex; background:#fff; border-bottom:1px solid #e2e4e5; flex-wrap:wrap }
.fl_01{ padding:40px 0px 30px 50px; width:64%; box-sizing:border-box;position:relative}
.fl_01 h1{ width:100%; float:left; overflow:hidden; line-height:35px; font-size:28px; color:#333; margin-bottom:10px}
.fl_01 h5{ width:100%; float:left; overflow:hidden; line-height:20px; font-size:14px; color:#999; font-weight:normal; background:url(dot06.png) no-repeat 0 center; text-indent:20px; margin-bottom:10px}
.fl_01 h6{ width:100%; float:left; overflow:hidden; line-height:22px; font-size:14px; color:#888; font-weight:normal;}


.span_01{ padding-left:50px; background:url(dot07.gif) no-repeat 30px center}

.fl_02{ width:36%; padding:40px 50px 30px 50px; box-sizing:border-box;  border-left:1px solid #e2e4e5; }
.ul_01{ width:100%; display:flex; margin-bottom:30px}
.img_01{ width:80px; height:80px; border-radius:50%; margin-right:20px; margin-top:5px}
.fl_02 dl{  flex:1; margin-top:10px}
.fl_02 dt{ width:100%; line-height:26px; font-size:17px; color:#222; margin-bottom:10px}
.fl_02 dt span{ font-size:12px}
.fl_02 dd{ width:38%; margin-right:4%;line-height:30px; float:left}
.fl_02 dd a{ display:block; float:left; overflow:hidden; height:30px; background:url(kf.png) no-repeat 10px center; border:1px solid #ddd; box-sizing:border-box; background-size:18%;color:#37404d; width:100%; line-height:28px; text-indent:40px}
.fl_02 dd a:hover{ background:#f7941c url(kf2.png) no-repeat 10px center; background-size:18%; color:#fff; border:1px solid #f7941c}
.fl_02 h6{width:58%; float:left; line-height:28px; background:url(tel_21.png) no-repeat 10px center; color:#37404d; font-size:14px; border:1px solid #ddd; -moz-box-sizing: border-box;box-sizing: border-box; text-indent:35px; font-weight:normal}
.fl_02 h6:hover{background:#feb724 url(tel_21a.png) no-repeat 10px center; border:1px solid #feb724; color:#fff;}

.ul_02{ width:100%; display:flex; border-top:1px solid #ddd; padding-top:20px}
.ul_02 h4{ width:94px; background:#fff;  margin-right:20px}
.ul_02 h5{ flex:1; display:flex; font-size:21px; display:flex;align-items:center; font-weight:normal; justify-content:center;background:#f6f6f6}
.ul_02 h5 img{ height:35px; margin-right:10px}
.ul_02 h5 a{ color:#f7941c;}

.pro_12{ padding:50px 50px 20px; width:82%; box-sizing:border-box; background:#fff; margin-bottom:20px; overflow:hidden; margin:0 auto 30px}
.pro_12 h2{width:100%; float:left; overflow:hidden; line-height:23px; font-size:21px; color:#333; border-left:3px solid #da251c; text-indent:12px; margin-bottom:30px;}

.pro_13{ padding:40px 50px 10px; width:82%; box-sizing:border-box; margin:0 auto; background:#fff; margin-bottom:60px}
.pro_13 h3{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px; font-size:23px; color:#333; padding-bottom:10px; background:url(pro_h3.gif) no-repeat 0 bottom; margin-bottom:30px; border-bottom:2px solid #f7941c}

.pro_14{ width:100%; float:left; overflow:hidden}
.pro_14 dl{float:left; overflow:hidden; margin-bottom:30px; position:relative}
.pro_14 dl h5{ width:100%; float:left; overflow:hidden; height:100%; }
.pro_14 dl h5 img{ width:100%; height:100%; float:left; overflow:hidden; transition:all 0.4s; }
.pro_14 dl:nth-child(3n){ margin-right:0}
.pro_14 dl a{ display:block; width:100%; height:100%; padding:40px 0 0 30px; -moz-box-sizing: border-box; box-sizing: border-box; position:absolute; left:0; top:0; z-index:2 }
.pro_14 dl dt{ width:100%; float:left; overflow:hidden; line-height:26px; height:26px; margin-bottom:5px;font-size:23px; color:#000;}
.pro_14a dl dt{ width:50%; padding-right:50%; font-size:19px}
.pro_14 dl h6{ width:100%; float:left; overflow:hidden; line-height:23px; height:23px; font-weight:normal; color:#666; font-size:16px;  }
.pro_14 dl h4{ width:49%; float:left; overflow:hidden; line-height:20px; height:40px; font-weight:normal; color:#666; font-size:14px; margin-bottom:53px}
.pro_14 dl dd{ width:100%; float:left; overflow:hidden; line-height:22px; font-size:15px; color:#777; text-decoration:underline}
.pro_14 dl dd:hover{ color:#da251c; text-decoration:underline}
.pro_14 dl:hover h5 img{transform: scale(1.06);}
.pro_14 dl:hover dt{ color:#da251c; text-decoration:none}



/******** 手机版 ********/
@media (max-width:767px){


.pro-1{margin-right:0%; width:100%; margin-bottom:10px }
.ul-ty1{ width:100%; float:left; overflow:hidden}
.ul-ty1 img{ float:left; width:100%}
.dl-ty1{ padding:10px; }
.dl-ty1 dt{line-height:22px; margin-bottom:10px;}
.dl-ty1 dt a{ font-size:18px; font-weight:bold; color:#fff; }
.dl-ty1 dt span{  line-height:22px;}
.dl-ty1 dt span a{height:20px; line-height:20px; padding:0 10px; border-radius:11px; color:#fff; font-size:11px; }
.dl-ty1 dt span a:hover{color:#0153bf; border:1px solid #fff}
.dl-ty1 dd{height:16px; line-height:16px;  }
.dl-ty1 dd a{  padding:0px 5px; font-size:12px; margin-bottom:5px }
.dl-ty1 dd a:first-child{ padding-left:0}
.dl-ty1 dd a:last-child{ border-right:none; padding-right:0}
.pro-1:hover dl{ padding:20px 10px; background:rgba(1,83,191,.7)}
.pro-1:hover dd{ height:37px}



.pro_11 dl{ width:100%; margin-right:0;  margin-bottom:15px;}
.pro_11 dl:nth-child(3n){ margin-right:0;}
.pro_11 dl ul{ width:46%;padding:10px;  }
.pro_11 dl dd{ display:none}
.pro_11 dl dt{ line-height:22px; height:44px; margin-bottom:0px;}
.pro_11 dl dt a{ font-size:16px; }
.pro_11 dl h4{ width:55%;}
.pro_11 dl h4 img{ width:100%}
.pro_11 dl h6{ line-height:40px; margin-top:30px}
.pro_11 dl h6 a{width:90px;}


.pro_21{ width:100%; }
.fl_01{ padding:10px 15px; width:100%;}
.fl_01 h1{ line-height:25px; font-size:18px; color:#333; margin-bottom:10px}
.fl_01 h5{  line-height:20px; font-size:12px;}
.fl_01 h6{ width:100%; float:left; overflow:hidden; line-height:22px; font-size:14px; color:#888; font-weight:normal;}


.span_01{ padding-left:50px; background:url(dot07.gif) no-repeat 30px center}

.fl_02{ width:100%; padding:10px 15px;  border-left:none; border-top:1px solid #ddd; }
.ul_01{margin-bottom:15px}
.img_01{ width:60px; height:60px; border-radius:50%; margin-right:10px; margin-top:9px}
.fl_02 dt{ line-height:20px; font-size:17px; margin-bottom:5px}


.pro_12{ padding:10px 15px; width:100%;overflow:hidden; margin:0 auto 10px}
.pro_12 h2{ line-height:25px; font-size:18px; margin-bottom:10px;}


.pro_13{ padding:10px 15px 0; width:100%; margin-bottom:20px}
.pro_13 h3{ line-height:25px; padding-bottom:0px; font-size:18px; color:#333; margin-bottom:15px}









.m_50{ margin-bottom:10px}

}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){
.pro-1{ margin-bottom:30px}
.dl-ty1{padding:15px; transition:all 0.3s}
.dl-ty1 dt a{ font-size:23px;  }
.dl-ty1 dt span a{ height:30px; line-height:30px; border-radius:16px;font-size:14px;}

.dl-ty1 dd a{ padding:0px 5px; font-size:12px; border-right:1px solid #fff; display:inline-block; margin-bottom:5px  }
.pro-1:hover dl{ padding:30px 15px; background:rgba(1,83,191,.7)}

.pro_11 dl{ margin-bottom:25px}
.pro_11 dl dt a{ font-size:16px; color:#333}
.pro_11 dl dd{ display:none}


.pro_21{ width:100%; }
.fl_01{ padding:30px 0px 20px 30px; width:64%; box-sizing:border-box;position:relative}


.fl_02{ width:36%; padding:30px 30px 20px 30px; box-sizing:border-box;  border-left:1px solid #e2e4e5; }
.fl_02 dd{ width:100%; margin-right:0%;line-height:30px; float:left; margin-bottom:8px}
.fl_02 dd a{  background-size:11%;}
.fl_02 dd a:hover{ background-size:11%;}
.fl_02 h6{width:100%; }
.ul_01{margin-bottom:20px}

.ul_02 h5{font-size:18px;}

.pro_12{ padding:30px 30px 20px; width:100%;margin:0 auto 20px}
.pro_12 h2{width:100%; float:left; overflow:hidden; line-height:23px; font-size:21px; color:#333; border-left:3px solid #da251c; text-indent:12px; margin-bottom:30px;}

.pro_13{ padding:30px 30px 10px; width:100%; margin-bottom:30px}
.pro_13 h3{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px; font-size:23px; color:#333; padding-bottom:10px; background:url(pro_h3.gif) no-repeat 0 bottom; margin-bottom:30px; border-bottom:2px solid #f7941c}



}

/******** 1400px ********/
@media (min-width:1440px){
	
}