html{font-size: 85%;}















/*??????*/























/*头部最先*/







.g-hd{background: url(/templates/m_temp_3010/images/top_bg.jpg) no-repeat center top;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;} /*头部整体结构样式*/







.top_r{float: left;position: relative;padding-top: 5%;font-size:0.8em;}







.top_r .p1{color: #6c6c6c;font-size: 1em;line-height: 1.2em;}







.top_r .p2{font-size: 1em;font-weight: bold;color: #212121;}







.logo{position: relative;float: left;margin: 0.4em;padding-right: 0.3em;width: 7.5em;} /*logo边距*/







.logo img{width: 100%;display: block;}







.logo:before{content: "";position: absolute;right: 0.5em;top: 0;width: 1px;height: 100%;background: #e2e2e2;background-image: -webkit-gradient(linear, top stop, color-stop(#eee 0%), color-stop(#e2e2e2 40%), color-stop(#eee 100%));background-image: -webkit-linear-gradient(top, #eee 0%, #e2e2e2 40%, #eee 100%);background-image: -moz-linear-gradient(top, #eee 0%, #e2e2e2 40%, #eee 100%);background-image: linear-gradient(top, #eee 0%, #e2e2e2 40%, #eee 100%)}







.tel_side{position: relative;height: 27px;text-align: center;color: #717171;font-size: 12px;}







.tel_side:before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #fdfdfd;border-bottom: 1px solid #e7e7e7;}







.tel_side span{display: inline-block;position: relative;padding-left: 20px;height: 27px;line-height: 27px;overflow: hidden;}







a.u-num{font-size: 15px;color: #212121;font-weight: bold;font-family: Arial, Helvetica, sans-serif;}







.u-num b{font-size: 20px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;}







.u-tel_01 .s-ln-1, .u-tel_01 .s-ln-2, .u-tel_01 .s-ln-3{border: 1px solid #9c9c9c;}/*电话闪动声波颜色*/







.u-tel_01{width: 15px;height: 15px;left: 0;top: 6px;display: block;background: url(/templates/m_temp_3010/images/tel.png) no-repeat;float: left;position: absolute;-webkit-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%;} /*头部电话图标*/







.u-tel_01 .z-ln-1{z-index: 10;display: inline-block;width: 2px;height: 2px;border-width: 1px 1px 0 0;border-radius: 0 30px 0 0;position: absolute;top: 4px;right: 4px;animation-name: xshow2; /*动画名称*/animation-duration: 4s;/* 动画时间*/animation-timing-function: linear; /*动画频率，，，，，，，，匀速*/animation-iteration-count: infinite; /*动画循环播放的次数，，，，，，，，infinite为无限次*/-webkit-animation-name: xshow2; /*针对苹果浏览器写的兼容*/-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/-o-animation-name: xshow2; /*针对欧朋浏览器写的兼容*/-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/-o-animation-iteration-count: infinite;} /*头部电话一闪一闪的线条，，，，，，，，css3样式*/







.u-tel_01 .z-ln-2{z-index: 10;display: inline-block;width: 4px;height: 4px;border-width: 1px 1px 0 0;border-radius: 0 30px 0 0;position: absolute;top: 2px;right: 2px;animation-name: xshow; /*动画名称*/animation-duration: 5s; /* 动画时间*/animation-timing-function: linear; /*动画频率，，，，，，，，匀速*/animation-iteration-count: infinite; /*动画循环播放的次数，，，，，，，，infinite为无限次*/-webkit-animation-name: xshow; /*针对苹果浏览器写的兼容*/-webkit-animation-duration: 5s; /*针对苹果浏览器写的兼容*/-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/-o-animation-name: xshow; /*针对欧朋浏览器写的兼容*/-o-animation-duration: 5s; /*针对欧朋浏览器写的兼容*/-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/-o-animation-iteration-count: infinite;} /*头部电话一闪一闪的线条，，，，，，，，css3样式*/







.u-tel_01 .z-ln-3{z-index: 10;display: inline-block;width: 7px;height: 7px;border-width: 1px 1px 0 0;border-radius: 0 30px 0 0;position: absolute;top: 0;right: 0;animation-name: xshow; /*动画名称*/animation-duration: 6s; /* 动画时间*/animation-timing-function: linear; /*动画频率，，，，，，，，匀速*/animation-iteration-count: infinite; /*动画循环播放的次数，，，，，，，，infinite为无限次*/-webkit-animation-name: xshow2; /*针对苹果浏览器写的兼容*/-webkit-animation-duration: 6s; /*针对苹果浏览器写的兼容*/-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/-o-animation-name: xshow2; /*针对欧朋浏览器写的兼容*/-o-animation-duration: 6s; /*针对欧朋浏览器写的兼容*/-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/-o-animation-iteration-count: infinite;} /*头部电话一闪一闪的线条，，，，，，，，css3样式*/







/*头部竣事*/















/*底部最先*/







.g-ft{background: #212121;}







.u-top{text-align: center;color: #fff;height: 50px;padding: 0;z-index: 999;border-top: 5px solid#333;}







.u-top span{position: relative;display: inline-block;padding-top: 12px;font-size: 12px;line-height: 33px;color: #fff;} /*回到顶部图标样式*/







.u-top span:before{content: "";position: absolute;left: 50%;top: 10px;margin-left: -8px;width: 0;height: 0;border-bottom: 8px solid #333;border-left: 8px solid transparent;border-right: 8px solid transparent;}







.f_nav{position: relative;width: 100%;padding: 3.5% 0 2% 0;text-align: center;line-height: 1.9em;font-size: 1em;color: #fff;}







.f_nav a{position: relative;display: inline-block;padding: 0 6px;color: #fff;white-space: nowrap;}







.f_nav a:before{content: "";position: absolute;right: 0;top: 34%;width: 1px;height: 41.6%;}







.f_nav a:nth-child(4n):before{display: none;}







.m-bmu .p2{line-height: 2em;color: #fff;margin: 0px;important!}







.m-bmu .p2 a{color: #fff;margin: 0px;important!}







.m-bmu .p1{color: #fff;text-align: center;margin: 0px;important!}







.m-bmu .p3{padding-top: 1%;color: #fff;text-align: center;margin: 0px;important!}







.m-bmu{padding: 0 0 20% 0;text-align: center;font-size: 1em;position: relative;margin: 0px;important!}







.qr{width: 100%;padding-top: 1em;margin: 0px;important!}/*底部二维码样式*/







.qr img{display: block;width: 7.5em;height: 7.5em;margin: 0 auto;}







/*底部竣事*/







/* -- 定位导航 -- */







.u-mbg{ height: 100%;width: 100%;background: #000;-moz-opacity: 0.6;-webkit-opacity: 0.6;opacity: 0.6;position: fixed;left: 0;top: 0;z-index: 555;display: none; important!}







.u-dwnav{position: fixed;bottom: 30px;left: 30px;z-index: 999;margin: 15px; important!}







.u-dwnav .ico{width: 40px;height: 40px;background: #004caa;border-radius: 25px;-moz-box-shadow: 0 0 0 4px #ececec;-webkit-box-shadow: 0 0 0 4px #ececec;box-shadow: 0 0 0 4px #ececec;important!    margin-top: 15px;







    display: -webkit-box;}







.u-dwnav .ico.z-gray{background: #808080; important!}







.u-dwnav .ico p{width: 30px;margin: 9px 0 0 9px;important!}







.u-dwnav .ico i{width: 5px;height: 5px;background: #fff;display: block;float: left;margin-right: 3px;margin-bottom: 3px;important!}







/*定位导航弹出*/







.u-popup{width: 155px;height: 155px;border-radius: 85px;position: fixed;bottom: 100px;left: 80px;background: #eaeaea;







-moz-box-shadow: 0 0 0 6px #fff;-webkit-box-shadow: 0 0 0 6px #fff;box-shadow: 0 0 0 6px #fff;z-index: 9999;display: none;important!}







.u-popup .midline{background: url(/templates/m_temp_3010/images/midline.png) no-repeat left center;width: 150px;height: 155px;background-size: 100%;margin-left: 5px; important!}







.u-popup .midline p{ margin:0;  important!}







.u-popup .midline a{display: inline-block;text-align: center;width: 75px;float: left;height: 40px;margin-top: 25px;font-size: 10px;color: #666666; important!}























<!--耗时1753052118.8227秒-->