@charset "utf-8";


body{margin:0px; font-size:14px; color:#444; font-family: 微软雅黑; background:#ffffff;}
*{padding:0px; margin:0px; box-sizing: border-box;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,h7,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-style:normal;}
h1,h2,h3,h4,h5,h6,h7 {list-style:none; font-weight:normal;}
input,select,button{font-size:12px;  border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none; vertical-align:middle;}
img {    
image-rendering: -moz-crisp-edges; /* Firefox */     
image-rendering: -o-crisp-edges; /* Opera */      
image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ image-rendering: crisp-edges; \
-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
li{list-style:none;}
a{color:#444; text-decoration:none;}
a:hover{color:#000;}
.clear{overflow:hidden; clear:both; height:0px;}
.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {/*兼容 IE*/zoom: 1;}

::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background-color:#666;}
::-webkit-scrollbar-thumb{background-color:#ddd;}
::-webkit-scrollbar-thumb:hover{background-color:#00273b;}
::-webkit-scrollbar-thumb:active{background-color:#00273b;}


.fl {float: left;display: inline;}/* 左浮动 */
.fr {float: right;display: inline;}/* 右浮动 */

.con { width:94%; margin:0px auto; max-width:1240px;}


.header{width:100%; position:fixed; top:0; left:0; z-index:99; background:#fff; }
.header.on{ background: rgba(255, 255, 255, 0.99);}
.header .logo{width:207px; float:left; padding-top: 10px;}
.header .logo img{width:100%; height:auto; display:block;}



.header.on .an i{color:#00273b;}
.header .an{position:absolute; top:0; right:3%; height:18px; width:30px; display:none; margin-top:24px; }
.header .an span{width:30px; height:2px; background:#00273b; display:block; position:absolute;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);}


.header .nav{  float:left; margin-left:70px;}
.header .nav i{font-size:18px; color:#666; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display:none;transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);}
.header .nav ul li{margin:0px; line-height:90px; float:left; position:relative; padding:0px 60px 0px 0px;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;
-webkit-transition:all .5s; font-size:18px;}
.header .nav ul li a { font-size:18px;}
.header .nav ul li span{width:0; height:2px; background:#00273b; position:absolute; left:50%; bottom:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);}
.header .nav ul li:hover span{width:100%;}
.header .nav ul li.on span{width:100%;}
.header .nav ul li.on a{color:#00273b;}
.header .nav ul li:hover a { color:#00273b;}
.nav .y_j{position:relative;}
.nav .e_j{width:240px; background:#fff; position:absolute; top:90px; left:0; display:none; z-index:9999; border-bottom: 2px solid #00273b; overflow: hidden; padding: 10px 0px 0px 0px; }
.header .nav ul li .e_j a{display:block; font-size:17px; color:#333; line-height:50px; text-align:left;  font-weight:normal; padding-left: 20px; }
.header .nav .e_j a:hover{ color:#fff; background:#00273b;}
.header .nav .e_j{display:none !important;}
.header .nav ul li:hover .e_j{display:block !important;}






.head_h{width:100%; height:90px;}




.sc_nr{width:270px; float:right; border: 1px solid #ddd; margin-top:25px;}
.sc_nr input{width:200px; height:40px; font-size:14px; line-height:40px; color:#333; float:left; padding-left: 5px;}
.sc_nr input::placeholder{color:#333;}
.sc_nr button{width:40px; height:40px; line-height:40px; text-align:center; color:#002e45; float:right; outline:none;}
.sc_nr button i{font-size:24px;}




.sy_hf { width:100%; background:#002e45; padding:50px 0px;}
.sy_hf .zc { width:22%; float:left; border-bottom:5px solid #fff; border-top:5px solid #fff; border-radius:5px;}
.sy_hf .zc img { width:100%; height:auto;}
.sy_hf .yc { width:73%; float:right; color:#fff; line-height:26px;}
.sy_hf .yc h1 { font-size:22px; color:#fff;}
.sy_hf .yc p { font-size:14px; padding:20px 0px; color:#fff; line-height:28px;}
.sy_hf .yc span { padding-left:60px;}


.mr {background: #09aeb8; width:160px; height:40px; line-height:40px; color:#fff; display:block; text-align:center; font-size:16px; margin:20px 20px 20px 0px; border-radius:50px; float:left;}
.mr a {color: #fff; font-size: 16px;}
.mr:hover { border:1px solid #09aeb8; color:#09aeb8; background:none; transition: all 0.5s; }
.mr:hover a {color:#09aeb8;}


.sy_nr { width:100%; margin:50px auto;}
.sy_nr .zc { width:25%; float:left;}
.sy_nr .dhh { width:100%; margin-bottom:20px;}
.sy_nr .dhh ul li { line-height:40px; height:40px; font-size:16px; padding-left:20px;border-left:5px solid #fff;}
.sy_nr .dhh ul li a {font-size:16px;}
.sy_nr .dhh ul li:hover { border-left:5px solid #dddddd; background:#f6f6f6;}
.sy_nr .dhh ul li.on a  { color:#fff;}
.sy_nr .dhh ul li.on {border-left:5px solid #09aeb8; background:#002e45; font-weight:bold;}
.sy_nr  h2 { border-bottom:1px solid #c5e0f4; height:60px; line-height:60px; font-size:18px; margin-bottom:20px; font-weight:bold;}
.sy_nr .yc { width:70%; float:right;}
.sy_nr .wz { font-size:14px; line-height:28px;}
.sy_nr  h3 {  height:60px; line-height:60px; font-size:16px; margin:20px 0px 0px 0px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.sy_nr  h3 a {background: #002e45; width:100px; height:30px; line-height:30px; color:#fff;  text-align:center; font-size:14px;  border-radius:50px; float:left; margin:10px 0px 0px 10px;}
.sy_nr  h3 img { width:20px; margin-right:5px;}
.sy_nr  h3 a:hover {background:#09aeb8;}

.sy_nr .lb1 { width:100%; margin:0px auto;}
.sy_nr .lb1 ul li { margin-bottom:20px;}
.sy_nr .lb1 ul li h1{border-bottom:1px solid #c5e0f4; height:50px; line-height:50px; font-size:16px;  font-weight:bold; color:#002e45; padding-left:15px; }
.sy_nr .lb1 ul li h1 span { float:left; color:#333; font-weight:normal;}
.sy_nr .lb1 ul li p { border-bottom:1px solid #ddd; line-height:35px;}
.sy_nr .lb1 ul li p font { color:#002e45; padding:0px 15px; font-weight:bold;}

.sy_nr .lb2 {width:100%; margin:0px auto;}
.sy_nr .lb2 ul li { border-bottom:1px solid #c5e0f4; padding:20px 0px;}
.sy_nr .lb2 ul li h4 { font-weight:bold; color:#002e45; margin-bottom:10px; font-size:16px;}
.sy_nr .lb2 ul li p { font-size:14px; color:#666; margin-bottom:10px; font-family:宋体;}
.sy_nr .lb2 ul li span { color:#999;  font-family:宋体;}
.sy_nr .lb2 ul li span a { color:#002e45;}





.foot {width:100%; background:#002e45; padding:40px 0px;color:#fff; text-align:center;}


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(https://www.17sucai.com/preview/3/2022-03-24/xuanfu_kefu/jQuery%E2%95%99%E2%95%A5%E2%96%93%CE%B1%E2%95%A3%E2%95%A0%E2%95%A2%C2%BF%E2%95%A8%E2%81%BF%E2%95%95%C3%AD%E2%95%98%E2%94%8C%E2%95%A7%E2%96%80%E2%94%90%E2%95%90%E2%95%96%E2%96%A0%E2%94%A4%C2%B7%E2%94%AC%CE%B4%20-%20%E2%95%98%E2%94%A4%E2%94%AC%CE%B4%E2%95%93%C2%AB%E2%95%9D%E2%95%A5/images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}