@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote,{ padding: 0px;margin: 0px; -webkit-box-sizing: border-box; box-sizing: border-box;}
*{padding:0px; margin: 0px; -webkit-box-sizing: border-box; box-sizing: border-box;}
fieldset, img { border: 0px;}
ol, ul {list-style: none;}
/*-----------------------------------Reset------------------------------------*/ 
a:link {color: #0000cc; text-decoration: none;}
a:visited {color: #551a8b; text-decoration: none;}
a:hover {color: #0000cc; text-decoration: underline;}
/*-----------------------------------Reset------------------------------------*/ 
body{margin: 0px; font-size: 14px; line-height:24px; color: #000; text-decoration: none; background-color: #FFF; font-family:'Microsoft YaHei', "宋体",arial;}
.hb-mb1-content{ width:1100px; margin:30px auto;}
.hb-mb1-neirong-tit{ background:url(/Public/zt/themes/pc/images/hb-mb1-img-titlebg.gif) bottom repeat-x; height:70px; line-height:50px; margin:20px auto; width:1100px;text-overflow:ellipsis;/*³¬³ö...*/ display:-webkit-box; -webkit-line-clamp:1;/*ÏÔʾÐÐÊý*/ -webkit-box-orient:vertical; overflow:hidden;}
.hb-mb1-neirong-tit-h1{ font-size:24px; color:#666666;}
.hb-mb1-neirong-tit-span{ color:#FFFFFF; width:85px; height:47px; line-height:47px; text-align:center; background:url(/Public/zt/themes/pc/images/hb-mb1-img-titbg01.gif); display:block; float:left; margin-right:15px;}
.hb-mb1-h3{font-size:18px; margin-bottom:15px;}
.hb-mb1-color-pink{color:#d53f86;}
.hb-mb1-h4{font-size:16px; margin-bottom:15px; margin-top:5px;}



.hb-mb1-f14{ font-size:14px;line-height:24px;}
.hb-mb1-f16{ font-size:16px;line-height:30px;}
.shl-mb2-public{ width:1100px; margin: 0 auto; clear:both;}
.shl-mb2-animation {-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;-webkit-transition:all .8s ease 0s;} 
#hb-mb1-top{ width:100%; border-top:#1776c0 solid 2px; height:70px; background:#ffffff; overflow:hidden;}
#hb-mb1-header{ width:1100px; margin:0 auto;}
.hb-mb1-logo{ line-height:70px;}
.hb-mb1-logo-pic{ float:left; height:60px;}
.hb-mb1-topmenu{ line-height:70px;float:right; margin-right:10px;}
a.hb-mb1-topmenu-link{ color:#000000; margin-left:5px;}
.shl-mb2-1{ width:100%;  min-height:560px;margin:0 auto;position:relative;}
.shl-mb2-1-banner-pic{ text-align:center;width:100%; min-height:560px;height:560px; overflow:hidden;display: flex;justify-content: center;}
.shl-mb2-1-banner-img{ width: auto; min-height:560px;height:560px;  margin:0 auto;}
.shl-mb2-1-banner-on{ width:450px; z-index:1000; margin-top:130px; margin-left:-550px; left:50%; position:absolute; color:#FFF;  }
.shl-mb2-1-banner-h1{ font-size:28px; line-height:50px; font-weight:bold;}
.shl-mb2-1-banner-p{padding:30px 0 0;overflow:hidden;font-size:14px; line-height:24px;}
.shl-mb2-1-banner-img:hover{-webkit-filter: contrast(180%);filter: contrast(180%);}
.shl-mb2-2{width:100%; padding:80px 0;}
.shl-mb2-2-tit{ display:flex;}
.shl-mb2-2-t-1{ border-right:1px solid #DDDDDD; }
.shl-mb2-2-t-2{width: 100%; padding-left:30px; }
.shl-mb2-2-wid{width: 340px; min-width:340px; margin-right:30px; display: block;}
.shl-mb2-2-di{ width:150px; height:3px;  background-color:#1ba0ec; margin-bottom:30px;}
.shl-mb2-2-bb{font-size:30px; padding-bottom: 20px; color:#0C87CE; line-height:36px; padding-top:5px;}
.shl-mb2-2-con{ background-color:#F1F1F1; background-image: url(/Public/zt/themes/pc/images/shl-mb2-16.png);background-repeat: no-repeat;background-position: right bottom;}
.shl-mb2-2-con1{font-size:16px; line-height:28px;padding:30px;background-image: url(/Public/zt/themes/pc/images/shl-mb2-15.png);background-repeat: no-repeat;background-position: left top;}
.shl-mb2-2-wid:hover{-webkit-filter: hue-rotate(180deg);filter: hue-rotate(180deg);}
.shl-mb2-2-bb:hover{ color:#04B5E8;text-shadow: 4px 4px 4px #F66816; padding-left:10px;}
.shl-mb2-2-con:hover{ color:#fff;background-color:#0C87CE;}
.shl-mb2-3{width:100%;}
.shl-mb2-3-tit{ display:flex; padding-top:50px; padding-bottom:50px;}
.shl-mb2-3-t{width: 100%; background-color:#F1F1F1;}
.shl-mb2-3-title{width:1100px; margin:0 auto; padding:30px; font-size:30px; color:#0C87CE; text-align:center; line-height:36px; }
.shl-mb2-3-t-2{width: 100%; background-color:#80B135; color:#FFF; padding:30px; border:10px solid #fff; }
.shl-mb2-3-t-1{width: 100%; background-color:#04B5E8; color:#FFF; padding:30px; border:10px solid #fff;}
.shl-mb2-3-title:hover{-webkit-filter: hue-rotate(180deg);filter: hue-rotate(180deg);transform: rotateX(360deg); -webkit-transform: rotateX(360deg);-moz-transform: rotateX(360deg);-ms-transform: rotateX(360deg);-o-transform: rotateX(360deg); }
.shl-mb2-3-t-1:hover{background-color:#0C87CE;border: 10px solid #EFEFEF; padding-top:20px; padding-bottom:40px;}
.shl-mb2-3-t-2:hover{background-color:#0C87CE;border: 10px solid #EFEFEF;padding-top:20px; padding-bottom:40px;}
.shl-mb2-4{  width:100%; background-color:#2C3B50;}
.shl-mb2-4-flex {padding: 50px 0px; display:flex; color:#FFF;}
.shl-mb2-4-pic{align-self: flex-start;}
.shl-mb2-4-wid1{width:260px; min-width:260px; overflow:hidden; margin-right:60px; display: block;}
.shl-mb2-4-con{ width:100%; padding:0 20px;}
.shl-mb2-4-cont{font-size:16px; line-height:28px;}
.shl-mb2-4-tit{ border-bottom:1px solid #ccc;padding-bottom:10px; line-height: normal; margin-bottom:15px; }
.shl-mb2-4-shu2{ font-size:30px;  padding-bottom:10px;}
.shl-mb2-4-wid1:hover {transform: scale(1.1); -webkit-transform:scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.shl-mb2-4-shu2:hover{color:#DDEBFE;text-shadow: 4px 4px 4px #F66816; padding-top:5px; padding-bottom:5px; padding-left:5px;}
.shl-mb2-4-cont:hover{color:#DDEBFE; padding-top:10px;}
.shl-mb2-5{width:100%;padding-bottom:60px; }
.shl-mb2-5-hj{background-image:url(/Public/zt/themes/pc/images/shl-mb2-25.jpg); background-position: top; background-repeat: repeat-x; width:100%;padding-top:80px; }
.shl-mb2-5-flex {display: flex; }
.shl-mb2-5-pic1{align-self: flex-start;}
.shl-mb2-5-pic{width:258px; min-width:258px;  margin-right:40px;}
.shl-mb2-5-con{ width:100%;}
.shl-mb2-5-cont{ font-size:16px; line-height:28px; padding-left:10px; background-color:#FFF;}
.shl-mb2-5-tit{  font-size:30px; line-height:44px;  color:#0C87CE; padding:5px 20px; display:table; border-left:5px solid #0C87CE; margin-bottom:15px; text-transform:uppercase; }
.shl-mb2-5-kuai{ width:100%; text-align:center; color:#FFF; padding:30px; border:5px solid #fff; }
.shl-mb2-5-c1{background-color:#0C87CE;}
.shl-mb2-5-c2{background-color:#04B5E8;}
.shl-mb2-5-c3{background-color:#C2C92A;}
.shl-mb2-5-c4{background-color:#80B135;}
.shl-mb2-5-pa{ padding-top:50px;}
.shl-mb2-5-font{ font-size:16px; font-weight:bold; padding-bottom:5px;}
.shl-mb2-5-pic:hover {-webkit-filter: saturate(7); filter: saturate(7);}
.shl-mb2-5-tit:hover{text-shadow: 4px 4px 4px #F66816;}
.shl-mb2-5-cont:hover{color:#015383; padding-left:0px; padding-right:10px;}
.shl-mb2-5-kuai:hover{background-color:#0C87CE;border:5px solid #04B5E8; padding-top:20px; padding-bottom:40px;}
.shl-mb2-6{width: 100%;background-color: #F1F1F1;}
.shl-mb2-6-title{width:1100px; margin:0 auto; padding:30px; font-size:30px; color:#0C87CE; text-align:center; line-height:36px; }
.shl-mb2-6-title:hover{-webkit-filter: hue-rotate(180deg);filter: hue-rotate(180deg);transform: rotateX(360deg); -webkit-transform: rotateX(360deg);-moz-transform: rotateX(360deg);-ms-transform: rotateX(360deg);-o-transform: rotateX(360deg); }
.shl-mb2-7{ width:100%; padding-bottom:40px;}
.shl-mb2-7-p{ padding-top:50px; padding-bottom:50px;font-size:16px; line-height:28px; text-align:center;}
.shl-mb2-7-flex{ display:flex; min-height:335px;}
.shl-mb2-7-sec{ width:100%; text-align:center; background-color:#FBFBFB; padding:40px; border:10px solid #fff;}
.shl-mb2-7-pic{  overflow:hidden; margin:0 auto;}
.shl-mb2-7-pic1{ width:67px; height:67px;}
.shl-mb2-7-tit{ font-size:24px; color:#019DF7; padding-top:30px; }
.shl-mb2-7-tit1{ padding-top:30px; }
.shl-mb2-7-sec:hover { margin-top:10px;background-color:#EFEFEF;border:10px solid #E3E3E3;}
.shl-mb2-7-pic1:hover {transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg);}
.shl-mb2-8{ width:1100px; clear:both; margin:0 auto; padding:30px 0px 70px;  }
.shl-mb2-8-tit{ width:100%; display:flex; color:#FFF;background-color:#0C87CE; border-bottom:10px solid #F5F5F5;background-image:url(/Public/zt/themes/pc/images/shl-mb2-14.png); background-position: right bottom; background-repeat: no-repeat;}
.shl-mb2-8-font{ font-size:24px; padding-bottom:30px; line-height:36px; font-weight:bold;}
.shl-mb2-8-di{ padding-bottom:30px;}
.shl-mb2-8-yuan{ width:100%; text-align:left; padding:40px 50px;}
.shl-mb2-8-pic{ width:532px; min-width:532px;display: block;}
.shl-mb2-8-titbg{ width:150px; height:3px;  background-color:#fff;}
.shl-mb2-8-pic:hover {-webkit-filter: sepia(100%);filter: sepia(100%);}
.shl-mb2-8-font:hover {color:#E6F9FF;text-shadow: 4px 4px 4px #F66816;}
.shl-mb2-8-tit:hover {background-color:#04B5E8;background-image:url(/Public/zt/themes/pc/images/shl-mb2-141.png); background-position: right bottom; background-repeat: no-repeat;}
.shl-mb2-8-lig:hover { padding-top:5px;}
.shl-mb2-11{ padding-top:40px;padding-bottom:40px; }
.shl-mb2-11-tit{padding: 25px;   font-size:16px; line-height:28px;}
.shl-mb2-11-font{ font-size:18px; text-align:center; padding:0px 10px 20px; line-height:30px; color:#0C87CE;}
.shl-mb2-11-yuan{padding-top:30px; overflow:hidden; text-align:center;}
.shl-mb2-11-pic{ max-width:267px;}
.shl-mb2-11-titbg{ width:150px; height:3px; margin:0 auto; background-color:#0C87CE;}
.shl-mb2-11-lig{text-align:center; padding-top:30px;}
.shl-mb2-11-cor{ color:#F8580A; font-size:30px;}
.shl-mb2-11-pic:hover {transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg);}
.shl-mb2-11-font:hover {font-size:22px;}
.shl-mb2-11-lig:hover {transform: rotateY(15deg); -webkit-transform: rotateY(15deg);-moz-transform: rotateY(15deg);-ms-transform: rotateY(15deg);-o-transform: rotateY(15deg);}
.shl-mb2-9{width: 100%; position: relative; height:417px; min-height:417px; overflow:hidden;}
.shl-mb2-9-right{padding-left:25px; background-image:url(/Public/zt/themes/pc/images/shl-mb2-3.png); background-position:left 5px; background-repeat:no-repeat; line-height:24px;}
.shl-mb2-9-fle{ width:500px; position: absolute; z-index:1000; left:50%; margin-left:30px; top:80px;}
.shl-mb2-9-zuo{ width:200px; padding:20px 40px; font-size:30px; color:#FFF; background-color:rgba(12,135,206,0.5); text-align:center; position: absolute; z-index:1000; left:50%; margin-left:-300px; top:80px; line-height:36px;}
.shl-mb2-9-fle1{text-align: center;width: 100%;min-height: 417px;height: 417px;overflow: hidden;display: flex;justify-content: center;}
.shl-mb2-9-pic{ width: auto;min-height: 417px;height: 417px;margin: 0 auto;}
.shl-mb2-9-pad{ padding-bottom:15px;}
.shl-mb2-9-time{ color: #fff; font-size:12px;}
a.shl-mb2-9-link{font-size: 14px;text-decoration: none; color:#fff;}
a.shl-mb2-9-link:link{font-size: 14px;text-decoration: none; color:#fff;}
a.shl-mb2-9-link:visited{font-size: 14px;text-decoration: none;color:#fff;}
a.shl-mb2-9-link:hover {color:#fff;}
.shl-mb2-9-zuo:hover {padding: 30px 50px; width:260px;margin-left:-330px;background-color:rgba(4,181,232,0.5);}
.shl-mb2-9-tit:hover {padding: 5px 0px; margin-left:0px;background-color:rgba(4,181,232,0.5);}
.shl-mb2-10{width:100%; background-color:#333333; border-top:10px solid #111111;}
.shl-mb2-10-con{ padding:20px 0px;display:flex; color:#D1D1D1; width:1100px; margin:0 auto;}
.shl-mb2-10-pp{ padding:0 25px 25px;background-color:#F5F5F5; box-shadow:#9B9B9B 0px 16px 1px; }
.shl-mb2-10-fle{ width:100%;}
.shl-mb2-10-fle2{ width:35px; min-width:35px; overflow:hidden; font-size:14px; text-align:center; line-height:14px; padding:20px 10px; background-color:#0C87CE; height:130px; color:#FFF;  }
.shl-mb2-10-pic{  width:130px; min-width:130px; display:block; margin-left:30px;}
.shl-mb2-10-pad{ padding-bottom:20px; font-size:16px; padding-top:20px;}
.shl-mb2-10-time{ color: #999; font-size:12px;}
a.shl-mb2-10-link{font-size: 14px;text-decoration: none; color:#D1D1D1;}
a.shl-mb2-10-link:visited{font-size: 14px;text-decoration: none;color:#D1D1D1;}
a.shl-mb2-10-link:hover {text-decoration: underline;color:#D1D1D1;}
.shl-mb2-10-fle:hover { padding-left:10px;}