@charset "utf-8";
/* CSS Document */

/*共用样式*/
*{margin:0; padding:0;}
body {font:12px "Microsoft YaHei" !important,Arial, Helvetica;	background:#fff;color: #333;-webkit-text-size-adjust:100%;}
a{color:#333;text-decoration:none;}
a:hover{color:#02a9f1; cursor: pointer;text-decoration:none ; }
em,i{font-style:normal; }
ol,ul,dl,li,dt,dd {list-style:none}
img {border:0;vertical-align:middle} a img{border:0}
table {border-collapse:collapse;border-spacing:0}  

.fl{float:left;}.fr{float:right;}.cl{clear:both;}  .over{overflow:hidden;} 
.fix{*zoom:1;}.fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}.z{_zoom:1;}
.con{width:100%; height:auto;}
.content{width:1200px;margin:0 auto; height:auto;}  input{outline:none;} textarea{resize:none} 

/* display */
.db { display: block; }
.dn { display: none; }

/* text-align */
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.tj { text-align: justify; }

/*边距*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb80{margin-bottom:80px;}
.mb120{margin-bottom:120px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}
.mt120{margin-top:120px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mr0{margin-right: 0 !important;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pb80{padding-bottom:80px;}

/*颜色*/
.color_use{color:#02a9f1;}
.color_666{color:#666666;}
.color_999{color:#999999;}
.color_fff{color:#fff;}
.b{font-weight: bold;}

/*字体*/
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px !important;}
.f18{font-size:18px !important;}
.f20{font-size:20px !important;}
.f24{font-size:24px !important;}
.f28{font-size:28px !important;}
.f30{font-size:30px !important;}
.f36{font-size:36px !important;}
.f42{font-size:42px !important;}
.f48{font-size:48px !important;}
.f60{font-size:60px !important;}
.f72{font-size:72px !important;}

/*行高*/
.l20{line-height:20px;}
.l24{line-height:24px;}
.l30{line-height:30px;}
.l36{line-height:36px;}
.l48{line-height:48px;}
.l60{line-height:60px;}
.l72{line-height:72px;}

.hide{display: none;}
.show{display: block}

.rel{position: relative;}
.abs{position: absolute;}

.bg_fc{background: #fcfcfc;}
.bg_use{background: #02a9f1;}

/*  index  */
.headerBlock{width: 100%; height: 80px; background: #fff;}
.webLogo{width: 164px; height: 32px; cursor: pointer;}
.webLogo img{width: 164px; height: 32px;}
.webMenuList li{float: left; width: 120px; height: 80px; cursor: pointer; line-height: 80px; font-size: 16px; text-align: center; color: #fff; position: relative;}
.webMenuList li a{color:#666666;}
.webMenuList li a:hover{color:#02a9f1;}
.webMenuList li.current{color:#02a9f1;}
.webMenuListLine{position: absolute; right: 0; top: 0; font-size: 16px; color:#ddd;}
.myimg img{width: 100%;height: auto;}
.indexTitle{font-size: 30px; font-weight:bold; line-height: 42px; text-align: center;}
.indexTxt{font-size: 16px; color:#999; line-height: 36px; text-align: center;}
.lineTitle{display: inline-block; width:36px; height: 4px; background: #02a9f1;}
.footerBox{width: 100%; height: auto; background: #14191e; padding:8px 0;}
.footerRightBlockTxt{text-align: right; font-size: 14px; color:#999; line-height: 24px;}
.menuBackBlock{display: none; width: 76px; height: 76px; color:#999; cursor: pointer; border-radius: 38px; background: #fff; border:1px solid #dfdfdf; text-align: center; line-height: 76px; position: fixed; right:15px; bottom:88px; z-index: 101;}
.contactBox{position: fixed; right: 24px; top: 50%; margin-top: -172px; z-index: 101;}
.contactBoxBlock{position: relative; width: 94px; height: 334px; background: #fff; border: 2px solid #02a9f1; border-radius: 12px;}
.contactBoxHide{position: absolute; left: -25px; top: 50%; margin-top: -30px; cursor: pointer;}
.contactBoxTitle{text-align: center; color:#999; line-height: 20px;}
.contactBoxTel{text-align: center; color:#02a9f1; line-height: 36px; border-bottom: 1px solid #eee;}
.contactBoxEwm img{width: 94px; height: 94px;}
.contactBoxShow{display: none; position: fixed; cursor: pointer; right: 0; top: 50%; margin-top: -30px; z-index: 101;}

.homeAdBox{width: 100%; height: 200px; background: url(../images/homeAdBox.png) center center no-repeat;}
.homeAdBanner{width: 100%; height: 480px; background: url(../images/banner.png) center center no-repeat;}
.newsLi{width:100%; height: auto; box-shadow: 0 4px 10px #e3ebff; background-color: #fff; border:1px solid #fff; border-radius: 12px;}
.newsLi:hover,.productBox:hover{ border:1px solid #02a9f1;}
.productBox{width: 360px; height: 360px; margin-bottom: 60px; border-radius: 30px; box-shadow: 0 4px 20px #3a6cf34d; overflow: hidden;}
.corner-mark{background-color: #ee4a4a; border-radius: 17px 17px 17px 0; height: 34px; max-width: max-content; padding-left: 10px; padding-right: 10px; margin: 37px 0 0 200px; z-index: 2;}
.footerCopy a,.footerCopy a:hover{color:#999999;}