@charset "utf-8";
/* CSS Document */
.body{ padding-top:90px}
.body .nav li a{ color:#333}
.body .nav li a.on_h{ color:#e49d26}
.weizhi2 h5{ display:none}
.pro01{ width:100%; display:flex; margin-bottom:60px;flex-wrap:wrap;}
.pro01 dl{ width:32%; margin-right:2%; margin-bottom:50px}
.pro01 dl:nth-child(3n){ margin-right:0}
.pro01 dl dd{ width:100%; float:left;  overflow:hidden;}
.pro01 dl dd img{ width:100%; transition:all 0.35s}
.pro01 dl:hover dd img{ transform:scale(1.1)}
.pro01 dl dt{ width:100%; float:left; overflow:hidden}
.pro01 dl dt a{ display:block; float:left; width:100%; overflow:hidden; line-height:70px; height:70px; background:#3F4156; color:#fff; padding:0 20px; box-sizing:border-box; font-size:21px; transition:all 0.35s;display:flex;align-items:center;justify-content:space-between}
.pro01 dl dt a img{ height:22px}
.pro01 dl:hover dt a{ background:#e49d26}

/* 内页 */
.pro_ny{ height:80px; background:#3f4156; line-height:80px; color:#fff; width:93%; padding:0 3.5%; background:url(pro_ny.gif) no-repeat center 0; margin-bottom:80px}
.pro_ny .ty02{ width:100%; display:flex; justify-content:space-between; }
.pro_ny h5{ font-weight:normal; font-size:14px}
.pro_ny h5 img{ height:20px}
.pro_ny h6{ font-weight:normal}
.pro_ny img{ margin-right:10px; margin-top:-4px}
.pro_ny a{ color:#fff; font-size:14px}
.pro_ny b{ padding:0 5px}
.pro_ny a:hover{ text-decoration:underline}
.pro_main{ display:flex;  margin-bottom:50px;flex-wrap:wrap }
.pro_main h5{ width:50%; margin-right:100px; display:flex}
.pro_main h5 img{ width:100%}
.pro_txt h6{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px; font-size:23px; color:#333; font-weight:normal; color:#e49d26; margin-top:20px; margin-bottom:10px}
.pro_txt h1{ width:100%; float:left; overflow:hidden; line-height:60px; font-size:45px; color:#151735; margin-bottom:54px}
.pro_txt dl{ border:1px solid #dce1e4; padding:20px 27px; width:100%; float:left; overflow:hidden; box-sizing:border-box; margin-bottom:20px}
.pro_txt dl h4{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:18px; color:#e49d26; margin-bottom:10px}
.pro_txt dl dd{ width:100%; float:left; overflow:hidden; line-height:26px; color:#444; font-size:16px; text-align: justify; word-break:break-all;}
.pro_txt dl dt{width:100%; float:left; overflow:hidden; line-height:30px; font-size:18px; color:#e49d26; margin-bottom:10px; font-weight:bold}
.pro_txt dl dt span{ padding-left:15px; font-weight:normal; color:#333}
.pro_txt dl dt b{ font-weight:normal; color:#aaa; padding:0 13px; font-size:15px; font-family:"宋体"}
.pro_txt dl:last-of-type{ margin-bottom:0}
.features{ background:#3F4156; padding:50px; display:flex;flex-wrap:wrap ; box-sizing:border-box; margin-bottom:50px}
.features h5{ margin-right:50px}
.features ul{ display:flex; flex:1; justify-content:space-between}
.features dl dt{line-height:30px; color:#fff; font-size:21px; margin-bottom:15px}
.features dl dd{ line-height:26px; color:#fff; font-size:16px;}
.features ul dl:last-child{ min-width:10%; margin-left:100px}
.size{ width:100%; float:left; overflow:hidden; padding:20px 50px 40px; box-sizing:border-box; border:1px solid #dce1e4; margin-bottom:50px}
.tabtit{ width:100%; float:left; overflow:hidden; height:60px; background:url(line02.gif) repeat-x 0 bottom; display:flex; margin-bottom:35px}
.tabtit a{ font-size:21px; color:#333; margin-right:35px; padding:0 10px; height:57px; margin-bottom:3px; line-height:57px; }
.tabtit a.hover{ border-bottom:3px solid #e49d26}
.tabcon{ width:100%; float:left; overflow:hidden;}
.tabcon img{ max-width:100%}
.pro_adv{ width:100%; display:flex;justify-content:space-between; margin-bottom:80px;flex-wrap:wrap;}
.pro_adv dl{ width:23.5%; background:#f6f9fc url(adv_bg.png) no-repeat 0 0; padding:50px 20px; box-sizing:border-box; border-radius:10px}
.pro_adv dl h5{ width:100%; float:left; overflow:hidden; text-align:center; margin-bottom:20px}
.pro_adv dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:21px; color:#3F4156; font-weight:bold; text-align:center; margin-bottom:10px}
.pro_adv dl dd{ width:100%; float:left; overflow:hidden; line-height:26px; font-size:16px; color:#888; text-align:center}
.h6-01{ width:100%; line-height:30px; margin-bottom:20px; float:left; overflow:hidden; font-size:20px; color:#e49d26; text-transform:uppercase}
.h6-01 img{ margin-right:7px; height:22px; margin-top:-5px;}
.h3-01{ width:100%; float:left; overflow:hidden; line-height:50px; color:#3f4156; font-size:50px; margin-bottom:35px; letter-spacing:-2px}




/******** 手机版 ********/
@media (max-width:767px){
.body{ padding-top:60px}
.weizhi{ display:none}
.nyban{ margin-bottom:0}
.pro_navm{ display:block; width:100%; background:#3f4156; overflow:hidden; margin-bottom:30px }
.pro_navm h4{width:92%; padding:0 4%; float:left; overflow:hidden; font-size:15px; height:45px; line-height:45px; font-weight:normal; color:#fff;}
.pro_navm h4 span{ float:right; line-height:45px;}
.pro_navm h4 span a{color:#fff;font-size:21px; padding:0 8px}
.pro_navm ul{ width:92%; padding:0 4%; float:left; overflow:hidden; background:#f3f3f3; padding:10px 4%}
.pro_navm ul li{ width:100%; float:left; overflow:hidden; line-height:40px; height:40px; overflow:hidden; border-bottom:1px solid #e0e0e0}
.pro_navm ul li:last-child{ border:none}
.pro_navm ul li a{ font-size:12px; color:#333;}
.pro01{  margin-bottom:10px;}
.pro01 dl{ width:48.5%; margin-right:3%; margin-bottom:15px}
.pro01 dl:nth-child(3n){ margin-right:3%}
.pro01 dl:nth-child(2n){ margin-right:0}
.pro01 dl dt a{  line-height:20px; height:70px;padding:5px 10px;font-size:14px;  }
.pro01 dl dt a img{ height:14px}
.pro_ny{ height:70px; line-height:70px;width:94%; padding:0 3%; margin-bottom:20px}
.pro_ny h5{ font-size:12px}
.pro_ny h5 img{ height:16px}
.pro_ny h5 a{ font-size:12px}
.pro_ny h6{ display:none}
.pro_main{ margin-bottom:20px;}
.pro_main h5{ width:96%; padding:0 2%; margin-right:0px; margin-bottom:20px}
.pro_txt{ width:96%; padding:0 2%;}
.pro_txt h6{ line-height:20px; font-size:16px; margin-top:5px; margin-bottom:0px}
.pro_txt h1{ line-height:30px; font-size:25px;margin-bottom:20px;}
.pro_txt dl{  padding:10px; margin-bottom:10px}
.pro_txt dl h4{ line-height:20px; font-size:14px;  margin-bottom:8px}
.pro_txt dl dd{ line-height:20px;  font-size:14px;}
.pro_txt dl dt{line-height:20px; font-size:14px; margin-bottom:8px; }
.pro_txt dl dt span{ padding-left:10px; }
.pro_txt dl dt b{padding:0 10px; font-size:15px;}
.features{ padding:15px; margin-bottom:15px}
.features h5{ margin-right:20px}
.features h5 img{ width:30px}
.features ul {flex-wrap:wrap ;}
.features ul dl:first-child{ margin-bottom:15px}
.features dl dt{ line-height:20px;font-size:14px; margin-bottom:5px}
.features dl dd{ line-height:18px; font-size:12px;}
.features ul dl:last-child{ width:100%; margin-left:0px}
.size{ padding:0px 15px 15px; margin-bottom:10px}
.tabtit{ height:40px; margin-bottom:10px}
.tabtit a{ font-size:14px; margin-right:15px; font-weight:bold; height:38px; line-height:38px; margin-bottom:2px; }
.tabtit a.hover{ border-bottom:2px solid #e49d26}
.pro_adv{  margin-bottom:0px}
.pro_adv dl{ width:48%;padding:20px 10px; margin-bottom:15px}
.pro_adv dl h5 { margin-bottom:10px}
.pro_adv dl h5 img{ height:40px}
.pro_adv dl dt{  line-height:22px; font-size:18px; margin-bottom:5px}
.pro_adv dl dd{ line-height:18px; font-size:12px; }
.h6-01{ line-height:20px; margin-bottom:10px; font-size:15px;}
.h3-01{ line-height:40px; font-size:35px; margin-bottom:30px; letter-spacing:-2px}
.pj_0{ display:none}



}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){
.body{ padding-top:60px}
.weizhi h5{ display:none}
.pro01{margin-bottom:20px;}
.pro01 dl{ width:48%; margin-right:4%; margin-bottom:30px}
.pro01 dl:nth-child(3n){ margin-right:4%}
.pro01 dl:nth-child(2n){ margin-right:0}
.pro01 dl dt a{font-size:16px;}
.pro_ny{ height:70px; line-height:70px;width:94%; padding:0 3%; margin-bottom:50px}
.pro_main{ margin-bottom:30px;}
.pro_main h5{ width:50%; margin-right:20px;}
.pro_txt{ flex:1}
.pro_txt h6{ line-height:20px; font-size:16px; margin-top:5px; margin-bottom:0px}
.pro_txt h1{ line-height:30px; font-size:25px;margin-bottom:20px;}
.pro_txt dl{  padding:10px; margin-bottom:10px}
.pro_txt dl h4{ line-height:20px; font-size:15px;  margin-bottom:8px}
.pro_txt dl dd{ line-height:20px;  font-size:14px;}
.pro_txt dl dt{line-height:20px; font-size:15px; margin-bottom:8px; }
.pro_txt dl dt span{ padding-left:10px; }
.pro_txt dl dt b{padding:0 10px; font-size:15px;}
.features{ padding:20px; margin-bottom:30px}
.features h5{ margin-right:20px}
.features dl dt{ line-height:22px;font-size:17px; margin-bottom:5px}
.features dl dd{ line-height:22px; font-size:14px;}
.size{ padding:0px 20px 20px; margin-bottom:0px}
.tabtit{ height:60px; margin-bottom:30px}
.tabtit a{ font-size:17px; margin-right:30px;  }
.pro_adv{  margin-bottom:50px}
.pro_adv dl{padding:30px 10px;}
.pro_adv dl h5 img{ max-width:40%}
.pro_adv dl dt{  line-height:30px; font-size:20px; margin-bottom:5px}
.pro_adv dl dd{ line-height:20px; font-size:15px; }
.h6-01{ line-height:20px; margin-bottom:10px; font-size:15px;}
.h3-01{ line-height:40px; font-size:35px; margin-bottom:30px; letter-spacing:-2px}
}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){
.weizhi h5{ display:none}
.pro01{margin-bottom:20px;}
.pro01 dl dt a{font-size:17px;}
.pro01xg dl:nth-child(4){ display:none}
.pro_ny{ height:70px; line-height:70px;width:94%; padding:0 3%; margin-bottom:50px}
.pro_main{ margin-bottom:40px;}
.pro_main h5{ width:50%; margin-right:40px;}
.pro_txt{ flex:1}
.pro_txt h6{  font-size:19px; margin-top:10px; margin-bottom:5px}
.pro_txt h1{ line-height:35px; font-size:30px;margin-bottom:20px;}
.pro_txt dl{  padding:15px; margin-bottom:10px}
.pro_txt dl h4{ line-height:22px; font-size:16px;  margin-bottom:10px}
.pro_txt dl dd{ line-height:26px;  font-size:16px;}
.pro_txt dl dt{line-height:22px; font-size:16px; margin-bottom:10px; }
.pro_txt dl dt span{ padding-left:10px; }
.pro_txt dl dt b{padding:0 10px; font-size:15px;}
.features{ padding:30px; margin-bottom:40px}
.features h5{ margin-right:30px}
.features dl dt{ line-height:26px;font-size:19px; margin-bottom:5px}
.features dl dd{  line-height:25px; font-size:16px;}
.size{ padding:15px 30px 40px; margin-bottom:40px}
.tabtit{ height:60px; margin-bottom:30px}
.tabtit a{ font-size:19px; margin-right:35px;  }
.pro_adv{  margin-bottom:60px}
.pro_adv dl{padding:30px 20px;}
.pro_adv dl h5 img{ max-width:40%}
.pro_adv dl dt{  line-height:30px; font-size:20px; margin-bottom:5px}
.pro_adv dl dd{ line-height:26px; font-size:16px; }
.h6-01{ line-height:26px; margin-bottom:10px; font-size:16px;}
.h3-01{ line-height:45px; font-size:40px; margin-bottom:35px; letter-spacing:-2px}
}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){
.pro01{margin-bottom:30px;}
.pro01 dl dt a{font-size:19px;}
.pro01xg dl:nth-child(4){ display:none}
.pro_main h5{ width:50%; margin-right:50px; }
.pro_txt{ flex:1}
.pro_txt h6{  font-size:23px; margin-top:10px; margin-bottom:5px}
.pro_txt h1{ line-height:45px; font-size:40px;margin-bottom:30px;}
.pro_txt dl{  padding:20px 20px; margin-bottom:15px}
.pro_txt dl h4{ line-height:30px; font-size:18px;  margin-bottom:10px}
.pro_txt dl dd{ line-height:26px;  font-size:16px;}
.pro_txt dl dt{line-height:30px; font-size:18px; margin-bottom:10px; }
.pro_txt dl dt span{ padding-left:10px; }
.pro_txt dl dt b{padding:0 10px; font-size:15px;}
.features{ padding:30px; margin-bottom:50px}
.features h5{ margin-right:40px}
.features dl dt{ line-height:30px;font-size:21px; margin-bottom:10px}
.features dl dd{  line-height:25px; font-size:16px;}
.size{ padding:15px 40px 40px; margin-bottom:40px}
.pro_adv{  margin-bottom:70px}
.pro_adv dl{padding:40px 20px;}
.pro_adv dl dt{  line-height:30px; font-size:21px; margin-bottom:5px}
.pro_adv dl dd{ line-height:26px; font-size:16px; }
.h6-01{ line-height:30px; margin-bottom:10px; font-size:18px;}
.h3-01{ line-height:50px; font-size:45px; margin-bottom:35px; letter-spacing:-2px}

}


/******** 1400px ********/
@media (min-width:1440px){
.pro_txt{ flex:1}
.pro01xg dl:nth-child(4){ display:none}
}