@import url("base.css");
body {font-family:"微软雅黑", "Microsoft YaHei", Verdana, Arial;color:#333;font-size:14px;overflow-x:hidden;}
input,select,button,textarea {font-family:"微软雅黑", "Microsoft YaHei", Verdana, Arial;font-size:14px;color:#333;box-sizing:border-box;}
a:link,a:visited,a:active {color:#333;text-decoration:none;}
a:hover {color:#e81c1c;text-decoration:none;}
a {outline:none;-moz-outline:none;blr:expression(this.onFocus=this.blur());}
.al:hover {text-decoration:underline;}
.als a:hover {text-decoration:underline;}
.flex-center {display:flex;align-items:center;justify-content:center;}
.flex-column {display:flex;flex-direction:column;justify-content:center;}
.no-select {-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
/*===================================================================================*/

.header > div {position: relative; z-index: 99; display: flex; align-items: center; justify-content: flex-end; height: 100px;}
.header .logo {position:absolute; top:50%; left:40px; z-index:1; display:flex; align-items: center; height:60px; font-size:0; transform:translateY(-50%);}
.header .logo img {max-height:100%;}
.header .wxkf {position: relative; margin-left: 20px; width: 100px; height: 28px; color:#333; border-radius: 15px; border: 1px solid #000;}
.header .wxkf img {position: absolute; top: 100%; left: -1px; display: none; padding: 0 5px 5px 5px; width: 102px; box-sizing: border-box; border: 1px solid #000; border-top: none; background-color:#fff;}
.header .wxkf:hover {border-radius: 0;}
.header .wxkf:hover img {display: block;}
.header .lang {position: absolute; top: 50%; right: 0; font-size: 12px; translate: 100% -50%;}

.header .nav {display: flex; column-gap: 1px;}
.header .nav li {position: relative;}
.header .nav li > a {display: flex; align-items: center; justify-content: center; padding: 0 15px; height: 34px; color:#000;}
.header .nav li:hover > a, .header .nav li:last-child > a, .header .nav li > a.nav_over {color:#fff; background-color:#e81c1c;}
.header .nav li:hover p {opacity: 1; visibility: visible; }
.header .nav li p {position:absolute;top:0;left:0; z-index: -1; padding-top: 45px; width:100%; opacity: 0; visibility: hidden;}
.header .nav li p a {display:block;padding:9px 5px;color:#fff;text-align:center; background-color: #e81c1c;}
.header .nav li p a:hover {color:#e81c1c; background-color:#fff;}

#banner {position:relative;z-index:1;width:100%;height:600px;overflow:hidden;}
#banner_ul {position:absolute;top:0px;left:50%;z-index:1;margin-left:-960px;width:1920px;height:600px;overflow:hidden;}
#banner_ul li {width:1920px;height:600px;text-align:center;font-size:0px;}
#banner_button {position:absolute;bottom:20px;left:0px;z-index:2;width:100%;height:12px;font-size:0px;text-align:center;}
#banner_button a {display:inline-block;margin:0px 4px;width:12px;height:12px;text-indent:100px;border-radius:6px;background-color:#ff0000;overflow:hidden;}
#banner_button a:hover {background-color:#0482D9;}
#banner_button a.activeSlide {background-color:#0482D9;}
.banners {font-size: 0;}
.banners img {width: 100%;}
.wrapper {min-width: 1430px;}
.wrap {margin-left:auto; margin-right:auto; padding-left: 40px; padding-right: 40px; width: 1430px; box-sizing:border-box;}
.cmar {margin-top: 50px;}
#content {position:relative;margin-top:40px;}
#content:after {position:absolute;top:0px;left:270px;display:block;width:1px;height:100%;content:"";background-color:#ebebeb;}
#left {float:left;width:240px;}
#right {float:right;width:900px;overflow:hidden;}

.finfo {margin-top:80px; border-top: 1px solid #eee;}
.finfo > div {position: relative; padding-top: 40px; padding-bottom: 40px;}
.finfo .fnav {display: flex;}
.finfo .fnav li {margin-right:60px;width:200px;height:180px;border-right:1px solid rgba(0,0,0,0.1);}
.finfo .fnav li:last-child {border-right:0;}
.finfo .fnav li h3 {padding-bottom:5px;color:#333;font-size:18px;}
.finfo .fnav li p {margin-top:10px;font-size:14px;}

.finfo .lxwm {position:absolute;top:80px;left:820px;width:400px;}
.finfo .lxwm li {margin-bottom:10px;padding-left:38px;height:30px;line-height:30px;}
.finfo .lxwm .tel {background:url(../images/icon-ftel.png) no-repeat 0px 2px;}
.finfo .lxwm .tel h2 {font-size:20px;}
.finfo .lxwm .address {background:url(../images/icon-faddress.png) no-repeat;}
.finfo .lxwm .email {background:url(../images/icon-femail.png) no-repeat 1px 6px;}

.finfo .qrcode {position:absolute;top:45px;right:0px;width:120px;text-align:center;}
.finfo .qrcode > img {width:120px;height:120px;}
.finfo .qrcode p {margin-top:5px;}
.finfo .qrcode p img {position:relative;top:4px;margin-right:5px;}

.footer {background-color:#232323;}
.footer > div {padding:15px 0px;color:#909090;line-height:1.8;text-align:center;background-color:#232323;}
.footer a {color:#909090;}
.footer a:hover {color:#fff;}

#login_bg {position:fixed;top:0px;left:0px;z-index:998;display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.3);}
#login {position:fixed;top:50%;left:50%;z-index:999;display:none;margin:-120px 0px 0px -180px;padding:0px 30px;width:300px;height:255px;background-color:#fff;box-shadow:0px 0px 10px rgba(0,0,0,0.4);}
.login_form img {position:absolute;top:0px;right:-40px;cursor:pointer;}
.login_form h3 {padding:25px 0px 5px 0px;color:#333;font-size:22px;font-weight:normal;text-align:center;}
.login_form p {margin-top:15px;height:38px;background-color:#fff;}
.login_form p input {padding:0px 8px;width:100%;height:inherit;border:1px solid #ccc;box-sizing:border-box;background-color:#fff;box-shadow:inset 0px 0px 4px rgba(0,0,0,0.1);}
.login_form button {margin-top:15px;width:100%;height:40px;color:#fff;font-size:16px;border:none;background-color:#e81c1c;cursor:pointer;}

/*===================================================================================*/

#itrack_box {position:absolute;bottom:0;left:50%;z-index:10;margin-left:-675px;color:#fff;width:310px;height:400px;background-color:rgba(232,28,28,0.3);}
#itrack_menu {height:42px;background-color:#f7a41e;overflow:hidden;}
#itrack_menu li {float:left;width:50%;height:inherit;color:#fff;font-size:16px;line-height:42px;text-align:center;cursor:pointer;}
#itrack_menu li.active {color:#fff; background-color:#e81c1c;}
.itrack {display:none;padding:0px 20px;}
.itrack td {padding-top:15px;}
.itrack select {padding:0px 8px;width:100%;height:30px;border:none;box-sizing:border-box;background-color:#fff;}
.itrack_text {padding:0px 8px;width:100%;height:30px;border:none;box-sizing:border-box;background-color:#fff;}
.itrack_submit {width:100%;height:40px;color:#fff;font-size:16px;border:none;background-color:#e81c1c;cursor:pointer;}

#iquery {position:absolute;bottom:20px;left:20px;width:255px;font-size:0px;}
#iquery p {padding-bottom:10px;font-size:16px;}
#iquery textarea {display:inline-block;padding:8px 12px;width:205px;height:51px;vertical-align:top;border:none;box-sizing:border-box;background-color:#fff;}
#iquery button {display:inline-block;width:50px;height:51px;vertical-align:top; border:none;background:url(../images/search_button_bg.jpg) no-repeat;cursor:pointer;}

.process > div {display: flex; align-items: center; padding-top:60px; padding-bottom: 40px; color:#333;}
.process .tis {color:#000;}
.process .tis h2 {font-size:28px;}
.process .tis p {margin-top:8px;font-size:16px;}
.process .cont {flex-grow: 1; display:flex;align-items:flex-start;justify-content:space-between; margin-left: 50px;}
.process .cont .text {flex:0 0 auto;width:120px;font-size:0;text-align:center;}
.process .cont .text p {margin-top:-10px;font-size:16px;line-height:1.6;}
.process .cont .arrow {flex:1 1 auto;height:88px;background:url(../images/process_arrow.png) no-repeat center center;}

.ititle {position:relative;margin-top:60px;padding-bottom:25px;text-align:center;border-bottom:1px solid #d8d8d8;}
.ititle:after {position:absolute;bottom:-1px;left:50%;display:block;margin-left:-54px;width:108px;height:3px;content:"";background-color:#e81c1c;}
.ititle p {color:#8c8c8c;font-size:22px;font-family:Arial; text-transform: uppercase;}
.ititle h2 {padding:2px 0px 6px 0px;color:#e81c1c;font-size:32px;}
.ititle span {color:#8a8a8a;font-size:14px;}

.itis {position:relative;padding-left:18px;height:34px;border-left:8px solid #e81c1c;}
.itis:after {position:absolute;bottom:0px;left:18px;display:block;width:140px;height:1px;content:"";background-color:#ddd;}
.itis h3 {position:relative;top:-5px;color:#333;font-size:22px;font-weight:normal;}
.itis h3 span {position:relative;top:1px;margin-left:10px;color:#999;font-size:16px;font-family:Arial;}

.ipros .cont {display: grid; grid-template-columns: repeat(4,1fr); margin-top: 40px; font-size:0px;}
.ipros .cont a {position:relative;}
.ipros .cont a img {width: 100%; height:396px;}
.ipros .cont a div {position:absolute;bottom:0px;left:0px;z-index:2;width:100%;height:80px;color:#fff;text-align:center;background-color:rgba(232,28,28,0.8);}
.ipros .cont a h2 {padding:13px 15px 0px 15px;font-size:22px;font-weight:normal;}
.ipros .cont a p {padding:0px 15px;font-size:16px;}
.ipros .cont a:hover div {background-color:rgba(247,164,30,0.9);}

.iwhy {margin-top:50px; background:url(../images/iwhy_bg2.jpg) no-repeat center top;}
.iwhy .ititle {margin-top: 50px; border-bottom: none;}
.iwhy .ititle::after {display: none;}
.iwhy .ititle p {color:#fff;}
.iwhy .ititle h2 {color:#fff;}
.iwhy .ititle span {color:#c7ddf8;}
.iwhy > div {position:relative;height:610px;overflow:hidden;}
.iwhy .cont {position:absolute;top:260px;left:50%; display: grid; grid-template-columns: repeat(4,1fr); column-gap: 50px; width:1200px; font-size:0; transform: translateX(-50%);}
.iwhy .cont a {position:relative;color:#fff;text-align:center;vertical-align:top;}
.iwhy .cont a:last-child {margin-right:0;}
.iwhy .cont a img {position:absolute;top:0px;left:0px;z-index:1;width:257px;height:257px;border-radius:50%;}
.iwhy .cont a h3 {position:absolute;top:110px;left:0px;z-index:2;padding:0px 20px;width:100%;font-size:26px;font-weight:normal;box-sizing:border-box;}
.iwhy .cont a p {position:absolute;top:145px;left:0px;z-index:2;padding:0px 20px;width:100%;font-size:16px;box-sizing:border-box;}
.iwhy .cont a span {position:absolute;top:185px;left:50%;z-index:2;display:block;margin-left:-49px;width:96px;height:26px;font-size:14px;line-height:26px;text-align:center;border:1px solid #fff;}

.iabout .cont {display: flex; column-gap: 50px; margin-top: 60px;}
.iabout .cont .text {flex-grow: 1;}
.iabout .cont .editorc {margin-top: 25px; line-height:2; overflow:hidden;}
.iabout .cont .abtn {display:block; margin-top: 40px; width:128px; height:30px; line-height:30px; text-align:center; background-color:#e81c1c;}
.iabout .cont .imgs {flex-shrink: 0; width:600px; font-size: 0;}
.iabout .cont .imgs img {width: 100%;}

.icn {margin-top:100px;}
.icn .cont {display: grid; grid-template-columns: repeat(3,1fr); column-gap: 45px; margin-top:30px; font-size:0;}
.icn .cont li img {width:100%;height:230px;}
.icn .cont li h3 {padding:25px 0 10px 0; color:#333; font-size:18px;}
.icn .cont li p {height:72px; color:#666; font-size:14px;line-height:24px;overflow:hidden;}

.inews > div {display: flex; justify-content: space-between; margin-top: 100px;}
.inews .cont {margin-right: 80px;}
.inews .tws {padding:25px 0px 10px 0px;border-bottom:1px dashed #bababa;}
.inews .tws h2 {font-size:16px;}
.inews .tws p {margin-top:5px;height:44px;color:#999;line-height:22px;overflow:hidden;}
.inews .list {margin-top:12px;}
.inews .list li {position:relative;padding-left:16px;line-height:30px;}
.inews .list li:before {position:absolute;top:13px;left:1px;display:block;width:6px;height:6px;content:"";border-radius:50%;background-color:#e81c1c;}

.istyle {width:600px;}
.istyle .cont {margin-top:30px;width:100%;height:210px;overflow:hidden;}
.istyle .cont p {float:left;position:relative;margin-right:20px;width:280px;height:210px;font-size:0px;}
.istyle .cont p img {width:280px;height:210px;}
.istyle .cont p span {position:absolute;bottom:0px;left:0px;display:block;padding:0px 15px;width:100%;height:40px;color:#333;font-size:14px;line-height:40px;text-align:center;box-sizing:border-box;background-color:rgba(255,255,255,0.8);}

/*===================================================================================*/

.left_title {height:40px;color:#333;font-size:22px;border-bottom:1px solid #e5e5e5;}
.left_menu {margin-bottom:30px;}
.left_menu dd > a {display:block;position:relative;padding:17px 0px 18px 25px;font-size:16px;border-bottom:1px solid #e5e5e5;}
.left_menu dd > a:before {position:absolute;top:24px;left:10px;display:block;width:0px;height:0px;content:"";border:4px solid transparent;border-left-color:#575757;}
.left_menu dd a.left_menu_cur {color:#e81c1c;}
.left_menu dd a.left_menu_cur:before {border-left-color:#e81c1c;}
.left_menu dd a.left_menu_curs {color:#e81c1c;}

.left_menu ul {padding:5px 0px 15px 0px;border-bottom:1px solid #e5e5e5;}
.left_menu ul li {position:relative;padding:8px 0px 0px 28px;font-size:12px;}
.left_menu ul li span {position:absolute;top:16px;left:14px;display:block;width:3px;height:3px;background:#aaa;}
.left_contact {padding:8px 0px 0px 0px;line-height:1.8;}

/*===================================================================================*/

.nodata {padding:150px 0px;color:#bbb;font-size:18px;text-align:center;}
.bnav {border-bottom: 1px solid #eee;}
.bnav > div {display: flex; align-items: center; justify-content: space-between; height: 60px;}
.bnav .cont {color:#999;}
.bnav .cont a {color:#999;}
.bnav .cont a:hover {color:#e81c1c;}
.bnav .cont strong {font-weight:normal;}
.bmenu {display: flex; column-gap: 1px; height: 100%;}
.bmenu a {display: flex; align-items: center; justify-content: center; padding: 0 50px; height: 100%; color:#999;}
.bmenu a:hover, .bmenu a.curt {color:#fff; background-color:#e81c1c;}

.input_text {padding:0px 8px;width:280px;height:34px;line-height:34px\9;box-sizing:border-box;border:1px solid #ddd;}
.input_area {padding:6px 8px;height:176px;line-height:1.6;box-sizing:border-box;border:1px solid #ddd;overflow-y:auto;}
.input_select {padding:0px 0px 0px 8px;height:34px;box-sizing:border-box;border:1px solid #ddd;}
.input_radio {position:relative;top:1px;}
.input_checkbox {position:relative;top:1px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.input_radio {position:relative;top:3px;width:15px;height:15px;}
	.input_checkbox {position:relative;top:3px;width:15px;height:15px;}
}
.button {width:150px;height:40px;color:#fff;font-size:16px;box-sizing:border-box;border:none;background-color:#333;cursor:pointer;}
.button:hover {background-color:#ff0000;}

.editorc_box {padding-top:18px; overflow:hidden;}
.editorc {line-height:1.8;}
.editorc p {margin-bottom:25px;}
.editorc p:last-child {margin-bottom:0px;}
.editorc a {text-decoration:underline;}
.editorc hr {padding-bottom:4px;border:0px;border-top:1px solid #ccc;}
.editorc h1,.editorc h2,.editorc h3,.editorc h4,.editorc h5,.editorc h6 {padding:9px 0px;font-weight:normal;line-height:1.2;}
.editorc ul {margin-bottom:25px;padding-left:1.4em;}
.editorc ul:last-child {margin-bottom:0px;}
.editorc ul li {list-style-type:disc;}
.editorc ol {margin-bottom:25px;padding-left:1.5em;}
.editorc ol li {list-style-type:decimal;}
.editorc ol:last-child {margin-bottom:0px;}
.editorc table.border {margin-bottom:25px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.editorc table.border td {padding:6px 5px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.editorc table.border td table {margin-bottom:0px;}
.editorc table.border td p {margin:0px;padding:0px;}

.editorc2 {line-height:1.8;}
.editorc2 img {vertical-align:top;}
.editorc2 a {text-decoration:underline;}
.editorc2 hr {padding-bottom:4px;border:0px;border-top:1px solid #ccc;}
.editorc2 h1,.editorc2 h2,.editorc2 h3,.editorc2 h4,.editorc2 h5,.editorc2 h6 {padding:9px 0px;font-weight:normal;line-height:1.2;}
.editorc2 ul {margin-bottom:25px;padding-left:1.4em;}
.editorc2 ul:last-child {margin-bottom:0px;}
.editorc2 ul li {list-style-type:disc;}
.editorc2 ol {margin-bottom:25px;padding-left:1.5em;}
.editorc2 ol li {list-style-type:decimal;}
.editorc2 ol:last-child {margin-bottom:0px;}

.editorc_tbe table {margin-bottom:25px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.editorc_tbe td {padding:6px 5px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.editorc_tbe td table {margin-bottom:0px;}
.editorc_tbe td p {margin:0px;padding:0px;}
.editorc_tbe table.no-border {border:none;}
.editorc_tbe table.no-border table {border:none;}
.editorc_tbe table.no-border td {border:none;padding:0px;}

#prevnext {position:relative;margin-top:50px;padding:20px 70px 0 0;color:#999;font-size:14px;border-top:1px solid #eee;overflow:hidden;}
#prevnext p {height:35px;}
#prevnext_back {position:absolute; top:22px; right:0;}

/*===================================================================================*/
/* 关于我们 */

.gywm .gsjj {display: flex; padding-top: 40px; padding-bottom: 40px;}
.gywm .gsjj .imgs {flex-shrink: 0; position: relative; width: 600px; font-size: 0; overflow: hidden;}
.gywm .gsjj .imgs video {width: 100%;}
.gywm .gsjj .imgs span {position: absolute; top: 50%; left: 50%; translate: -50% -50%; display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 50%; background-color:rgba(0,0,0,0.6); cursor: pointer;}
.gywm .gsjj .imgs span::after {width: 20px; height: 26px; content: ''; clip-path: polygon(0 0, 100% 50%,0 100%); background-color:#fff; transform: translateX(5px);}
.gywm .gsjj .text {flex-grow: 1; margin-left: 30px;}

.gywm .fzlc {padding-top: 50px; padding-bottom: 80px; background-color:#f8f8f8;}
.gywm .fzlc .tis {color:#333; font-size: 22px; font-weight: normal; text-align: center;}
.gywm .fzlc .cont {margin-top: 40px;}
.gywm .fzlc .rows {display: flex; background-color:#fff;}
.gywm .fzlc .rows:nth-child(even) {flex-direction: row-reverse;}
.gywm .fzlc .rows .imgs {width: 50%; font-size: 0;}
.gywm .fzlc .rows .imgs img {width: 100%; height: 100%; object-fit: cover;}
.gywm .fzlc .rows .text {padding: 4vw 2vw 2vw 4vw; width: 50%; color:#333; box-sizing: border-box;}
.gywm .fzlc .rows .text h3 {color:#1263aa; font-size: 24px; font-weight: normal;}
.gywm .fzlc .rows .text h2 {margin-top: 15px; font-size: 18px; font-weight: normal;}
.gywm .fzlc .rows .text p {margin-top: 40px; line-height: 2.1;}

.photos {display: grid; grid-template-columns: repeat(4,1fr); gap: 40px;}
.photos a {text-align: center;}
.photos a img {width: 100%;}
.photos a p {padding-top:10px;font-size:14px;line-height:1.4;}

.contact .info {margin-top: 80px; display: flex;}
.contact .info .imgs {width: 600px; font-size: 0;}
.contact .info .imgs img {width: 100%;}
.contact .info .text {flex-grow: 1; margin-left: 50px;}
.contact .info .text h1 {position: relative; padding-bottom: 20px; color:#000; font-size: 24px; font-weight: normal; border-bottom: 1px solid #eee;}
.contact .info .lxfs {margin-top: 30px; display: grid; row-gap: 12px;}
.contact .info .lxfs li {display: flex; align-items: center;}
.contact .info .lxfs li i {flex-shrink: 0; display: flex; align-items: center; justify-content: center; margin-right: 10px; width: 30px; height: 30px; color:#fff; font-size: 14px; border-radius: 50%; background-color:#142269;}
.contact .info .lxfs li h2 {color:#142269; font-size: 18px;}
.contact .info .qrcode {display: flex; column-gap: 20px; margin-top: 30px; font-size: 0;}
.contact .info .qrcode div {width: 120px; text-align: center;}
.contact .info .qrcode div img {padding: 5px; width: 100%; box-sizing: border-box; border: 1px solid #e0e0e0;}
.contact .info .qrcode div p {margin-top: 10px; font-size: 14px;}
.contact .map {margin-top: 60px; width: 100%; font-size: 0;}
.contact .map img {width: 100%;}

/*===================================================================================*/
/* 产品 */

.pros {padding-top: 50px; padding-bottom: 50px; background-color:#f2f2f2;}
.pros .info .tis {color:#000; font-size: 24px; font-weight: normal; text-align: center;}
.pros .info .editorc {margin-top: 20px;}
.pros .name {margin-top: 30px; display: flex; flex-wrap: wrap; gap: 2px;}
.pros .name a {flex-grow: 1; display: flex; align-items: center; justify-content: center; padding: 0 20px; height: 45px; color:#333; background-color:#bfbfbf;}
.pros .name a:hover, .pros .name a.curt {color:#fff; background-color:#e81c1c;}

.pros .list {display: grid; grid-template-columns: repeat(3,1fr); gap: 40px 30px; margin-top: 40px;}
.pros .list a {background-color:#fff;}
.pros .list a:hover .imgs img {transform: scale(1.06);}
.pros .list .imgs {aspect-ratio: 26/15; font-size: 0; overflow: hidden;}
.pros .list .imgs img {width: 100%; height: 100%; object-fit: cover; transition: transform ease-out 500ms;}
.pros .list .text {padding: 20px;}
.pros .list .text h2 {font-size: 18px; font-weight: normal;}
.pros .list .text p {margin-top: 10px; color:#666; line-height: 1.8; -webkit-line-clamp:3;}

/*===================================================================================*/
/* 新闻列表 */

.news li {display: flex; align-items: center; justify-content: space-between; padding: 25px 5px; font-size: 16px;}
.news li:not(:last-child) {border-bottom: 1px solid #eee;}
.news span {color:#999; font-size: 14px;}

.wzds {background-color:#f4f4f4;}
.wzds > div {position: relative; padding: 50px; background-color:#fff;}
.wzds > div::after {position: absolute; bottom: 0; left: 50px; right: 50px; height: 1px; background-color:#eee; content: '';}
.wzds .info {padding-bottom: 25px; text-align: center; border-bottom: 1px solid #eee;}
.wzds .info h1 {color:#000; font-size: 24px; font-weight: normal; line-height: 1.6;}
.wzds .info p {display: flex; justify-content: center; column-gap: 30px; margin-top: 20px; color:#999;}
.wzds .editorc {margin-top: 40px;}

/*===================================================================================*/

#win_ts {position:fixed;top:20%;left:50%;z-index:9999;margin-left:-200px;padding:32px 20px;width:360px;color:#fff;font-size:22px;line-height:1.6;text-align:center;opacity:0;transition:all 0.5s;border-radius:8px;background-image:url(../images/tbs/black70.png);overflow:hidden;}
#win_loading {position:fixed;top:0%;left:0%;z-index:9999;width:100%;height:100%;background:url(../images/loading2.gif) no-repeat center center;}
#win_loading_bg {position:fixed;top:0px;left:0px;z-index:9998;width:100%;height:100%;background:url(../images/tbs/white0.png);}

/*===================================================================================*/
/* 浮动在线客服 */

#float_os {position:fixed;top:50%;right:0px;z-index:999;margin-top:-120px;width:60px;}
#float_os li {position:relative;margin-top:1px;width:100%;height:60px;background-color:#e81c1c;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
#float_os li a {display:block;width:100%;height:100%;}
#float_os li:hover p {display:block;}
#float_os_qrcode {background-image:url(../images/float_os_qrcode.png);}
#float_os_qrcode p {position:absolute;top:0px;right:61px;display:none;padding:8px;width:183px;height:183px;box-sizing:border-box;background-color:#e81c1c;}
#float_os_qrcode p img {width:100%;height:100%;}
#float_os_tel {background-image:url(../images/float_os_tel.png);}
#float_os_qq {background-image:url(../images/float_os_qq.png);}
#float_os_email {background-image:url(../images/float_os_email.png);}
.float_os_over p {position:absolute;top:0px;right:60px;display:none;padding:0px 20px;height:60px;color:#fff;font-size:18px;line-height:60px;white-space:nowrap;word-break:keep-all;background-color:#e81c1c;}


#qq_online {position:absolute;z-index:99;width:130px;font-family:"宋体";font-size:12px;}
#qq_online_top {position:relative;padding-left:10px;height:26px;line-height:26px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#fff;background:url(../images/qq_style/style0_top.gif) no-repeat;}
#qq_online_top img {position:absolute;top:8px;right:10px;cursor:pointer;}
#qq_online_list {background:url(../images/qq_style/style0_bgs.gif) repeat-y;}
#qq_online_list a {color:#222;}
#qq_online_list a:hover {color:#ff0000;}
#qq_online_list p {position:relative;margin:0px 3px;padding-left:31px;width:93px;height:25px;line-height:26px;border-top:1px solid #fff;border-bottom:1px solid #fff;background:#fff;overflow:hidden;}
#qq_online_list p:hover {border-top:1px solid #A3E7FC;border-bottom:1px solid #A3E7FC;background:#E1F7FD;}
#qq_online_list p img {position:absolute;top:2px;left:5px;width:21px;height:21px;}
#qq_online_bottom {height:42px;font-size:0px;background:url(../images/qq_style/style0_bottom.gif) no-repeat;}

#qq_onlines_top {position:relative;height:32px;line-height:32px;text-align:center;color:#fff;font-weight:bold;}
#qq_onlines_top p {position:absolute;top:40px;width:35px;height:173px;overflow:hidden;cursor:pointer;}
.qq_onlines_small_left strong {left:8px;}
.qq_onlines_small_right strong {left:13px;}
#qq_onlines_top p strong {position:absolute;top:40px;display:block;width:16px;text-align:center;line-height:20px;}
#qq_onlines_box {border:1px solid #e3e3e3;border-top:none;background:#fff;}
#qq_onlines_tel {padding-top:15px;text-align:center;font-size:14px;color:#505050;background:url(../images/qq_style/tel.jpg) no-repeat 15px 12px;}
#qq_onlines_tel strong {display:block;padding:12px 0px 8px 0px;font-family:Arial, Helvetica, sans-serif;font-size:16px;border-bottom:1px dashed #ccc;}
#qq_onlines_list {padding-top:10px;}
#qq_onlines_list a {position:relative;display:block;margin:0px auto 8px auto;padding-left:35px;width:72px;height:25px;line-height:26px;color:#222;border:1px solid #aaccd8;background:url(../images/qq_style/list_bg.jpg) repeat-x;overflow:hidden;}
#qq_onlines_list a:hover {color:#ff0000;}
#qq_onlines_list a img {position:absolute;top:2px;left:7px;width:21px;height:21px;}
#qq_onlines_tdc {padding:8px 0px;font-size:0px;text-align:center;border-top:1px dashed #ccc;}
#qq_onlines_tdc img {width:110px;height:110px;}

.qq_onlines_1 p#qq_onlines_tel strong {color:#e10000;}
.qq_onlines_1 div#qq_onlines_top {border-bottom:8px solid #ff7200; background:#e10000;}
.qq_onlines_1 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style1_small_left.png) no-repeat;}
.qq_onlines_1 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style1_small_right.png) no-repeat;}
.qq_onlines_2 p#qq_onlines_tel strong {color:#555;}
.qq_onlines_2 div#qq_onlines_top {border-bottom:8px solid #5d5d5d; background:#343434;}
.qq_onlines_2 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style2_small_left.png) no-repeat;}
.qq_onlines_2 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style2_small_right.png) no-repeat;}
.qq_onlines_3 p#qq_onlines_tel strong {color:#df5f00;}
.qq_onlines_3 div#qq_onlines_top {border-bottom:8px solid #ddc9ba; background:#df9800;}
.qq_onlines_3 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style3_small_left.png) no-repeat;}
.qq_onlines_3 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style3_small_right.png) no-repeat;}
.qq_onlines_4 p#qq_onlines_tel strong {color:#89a611;}
.qq_onlines_4 div#qq_onlines_top {border-bottom:8px solid #464a4b; background:#adce25;}
.qq_onlines_4 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style4_small_left.png) no-repeat;}
.qq_onlines_4 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style4_small_right.png) no-repeat;}

.qq_onlines_5 p#qq_onlines_tel strong {color:#df5f00;}
.qq_onlines_5 div#qq_onlines_top {border-bottom:8px solid #ff9241; background:#ff6d00;}
.qq_onlines_5 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style5_small_left.png) no-repeat;}
.qq_onlines_5 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style5_small_right.png) no-repeat;}
.qq_onlines_6 p#qq_onlines_tel strong {color:#006083;}
.qq_onlines_6 div#qq_onlines_top {border-bottom:8px solid #6b718d; background:#006083;}
.qq_onlines_6 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style6_small_left.png) no-repeat;}
.qq_onlines_6 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style6_small_right.png) no-repeat;}
.qq_onlines_7 p#qq_onlines_tel strong {color:#00a0a8;}
.qq_onlines_7 div#qq_onlines_top {border-bottom:8px solid #6b718d; background:#00a0a8;}
.qq_onlines_7 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style7_small_left.png) no-repeat;}
.qq_onlines_7 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style7_small_right.png) no-repeat;}
.qq_onlines_8 p#qq_onlines_tel strong {color:#c9004c;}
.qq_onlines_8 div#qq_onlines_top {border-bottom:8px solid #ebba28; background:#c9004c;}
.qq_onlines_8 p.qq_onlines_small_left {right:-35px; background:url(../images/qq_style/style8_small_left.png) no-repeat;}
.qq_onlines_8 p.qq_onlines_small_right {left:-35px; background:url(../images/qq_style/style8_small_right.png) no-repeat;}

/*===================================================================================*/

#products_page {margin-top:40px;width:100%;}
#news_page {margin-top:40px;width:100%;}

.fypage {height:28px;font-size:0px;text-align:center;overflow:hidden;}
.fypage a,.fypage span {display:inline-block;margin:0px 4px;padding:0px 8px;height:26px;line-height:24px;font-size:14px;color:#888;border:1px solid #e5e5e5;background-color:#f5f5f5;text-align:center;vertical-align:top;box-sizing:border-box;overflow:hidden;}
.fypage a:hover {color:#fff;border-color:#e81c1c;background-color:#e81c1c;}
.fypage span.fypage_disabled {}
.fypage span.fypage_current {color:#fff;border-color:#e81c1c;background-color:#e81c1c;}
.fypage_sl {display:inline-block;margin:0px 4px;padding:0px 6px;height:28px;color:#999;line-height:28px;vertical-align:top;}
#fypage_gov {display:inline-block;margin:0px 4px;padding:0px 6px;width:40px;height:28px;line-height:28px\9;color:#333;font-size:12px;text-align:center;vertical-align:top;border:1px solid #e5e5e5;box-sizing:border-box;background:#fff;}
#fypage_gobtn:hover {color:#fff;border-color:#1aae32;background-color:#1aae32;cursor:pointer;}