﻿@import url("base.css");
@font-face {
    font-family: "puhuiti";
    src: url('../fonts/AlibabaPuHuiTi-Light.woff2') format('woff2'), url('../fonts/AlibabaPuHuiTi-Light.woff') format('woff');
	font-display: swap;
	font-weight: normal;
}
body {font-family:puhuiti, "微软雅黑", "Microsoft YaHei", Verdana, Arial;color:#505050;font-size:14px;background-color:#f8f8f8;overflow-x:hidden;}
input,select,button,textarea {font-family:puhuiti, "微软雅黑", "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:#de020d;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;}

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

#header {position:relative;z-index:99;width:100%;min-width:1400px;height:80px;background-color:#fff;}
#logo {position:absolute;top:10px;left:45px;z-index:2;height:60px;}
#language {position:absolute;top:29px;right:45px;padding:0px 20px 0px 50px;height:25px;background:url(../images/language_bg.jpg) no-repeat 0px 2px;}
#language:after {position:absolute;top:6px;right:0px;display:block;width:0px;height:0px;content:"";border:5px solid transparent;border-left-color:#666;}

#header_search {position:absolute;top:32px;right:200px;cursor:pointer;}
#search {position:absolute;top:21px;right:187px;z-index:10;display:none;width:220px;height:36px;border-radius:3px;border:1px solid #ddd;background-color:#fff;box-shadow:0px 0px 6px rgba(0,0,0,0.2);}
#search input {padding:0px 8px;width:190px;height:36px;border:none;background:none;}
#search span {position:absolute;top:0px;right:0px;display:block;width:40px;height:36px;background:url(../images/search.jpg) no-repeat center center;cursor:pointer;}

#nav {position:absolute;top:0px;right:265px;z-index:1;height:inherit;}
#nav li {float:left;position:relative;height:inherit;}
#nav li > a {position:relative;z-index:2;display:block;padding:0px 35px;height:inherit;color:#333;font-size:16px;font-weight:bold;line-height:80px;text-align:center;background-color:#fff;}
#nav li > a.nav_over {color:#de020d;}
#nav li:hover > a {color:#de020d;}
#nav li p {position:absolute;top:80px;left:15px;z-index:1;display:none;padding-bottom:10px;min-width:140px;background-color:#fff;box-shadow:0px 0px 10px rgba(0,0,0,0.3);}
#nav li p a {display:block;padding:4px 20px;white-space:nowrap;word-break:keep-all;}

#banner {position:relative;z-index:1;width:100%;min-width:1400px;height:568px;overflow:hidden;}
#banner_ul {position:absolute;top:0px;left:50%;z-index:1;margin-left:-960px;width:1920px;height:568px;overflow:hidden;}
#banner_ul li {width:1920px;height:568px;text-align:center;font-size:0px;}
#banner_pagination {position:absolute;bottom:65px;left:50%;z-index:2;margin-left:-600px;width:1400px;height:12px;font-size:0px;text-align:right;}
#banner_pagination a {display:inline-block;margin-left:8px;width:12px;height:12px;text-indent:100px;border-radius:50%;background-color:#f2f7fb;overflow:hidden;}
#banner_pagination a:hover {background-color:#c9151e;}
#banner_pagination a.activeSlide {background-color:#c9151e;}

.wrap {margin:0px auto;width:1400px;}
#content {margin:15px auto 0px auto;width:1400px;}
#left {float:left;width:250px;}
#right {float:right;width:1138px;padding-bottom:25px;background-color:#fff;overflow:hidden;}
#footer_blk {margin-top:40px;width:100%;background-color:#27282d;}
#footer {position:relative;margin:0px auto;width:1400px;min-height:220px;color:#999;background-color:#27282d;}
#footer_nav {padding-top:35px;}
#footer_nav a {color:#d9d9d9;font-size:14px;font-weight:bold;}
#footer_nav a:hover {color:#de020d;}
#footer_nav span {position:relative;top:-1px;padding:0px 30px;color:#5a5b60;font-size:12px;}
#footer_copyright {margin-top:30px;width:540px;line-height:1.8;}
#footer_copyright a {color:#999;}
#footer_copyright a:hover {color:#de020d;}
#footer_contact {position:absolute;top:35px;left:580px;padding-left:25px;width:410px;border-left:1px solid #494a4e;}
#footer_contact_tis a {color:#d9d9d9;font-size:14px;font-weight:bold;}
#footer_contact_tis a:hover {color:#de020d;}
#footer_contact_content {margin-top:30px;line-height:1.8;}
#footer_qrcode {position:absolute;top:35px;right:0px;width:110px;height:110px;border:5px solid #fff;}

@media (max-width: 1440px){
	#logo {left:30px;}
	#language {right:30px;}
	#header_search {right:185px;}
	#search {right:172px;}
	#nav {right:240px;}
	#nav li > a {padding:0px 20px;}
	#nav li p {left:0px;}
}
/*===================================================================================*/

.ititle {position:relative;height:48px;border-radius:3px 3px 0px 0px;box-sizing:border-box;border:1px solid #e8e8e8;border-bottom:none;background:url(../images/ititle_bg.jpg) repeat-x #fff;}
.ititle h2 {position:relative;padding-left:33px;color:#333;font-size:16px;line-height:47px;}
.ititle h2:before {position:absolute;top:13px;left:16px;display:block;width:4px;height:21px;content:"";background-color:#c9151e;}
.ititle img {position:absolute;top:15px;right:20px;}

.iabout_title {position:absolute;top:-48px;left:0px;width:100%;height:48px;border-radius:3px 3px 0px 0px;box-sizing:border-box;border:1px solid #e8e8e8;border-bottom:none;background:url(../images/ititle_bg.jpg) repeat-x #fff;}
.iabout_title h2 {position:relative;padding-left:33px;color:#333;font-size:16px;line-height:47px;}
.iabout_title h2:before {position:absolute;top:13px;left:16px;display:block;width:4px;height:21px;content:"";background-color:#c9151e;}
.iabout_title img {position:absolute;top:15px;right:20px;}

#icontent {margin:0px auto;width:1400px;}
#iabout_box {position:relative;z-index:2;height:390px;}
#iabout_blk {position:relative;padding:30px 30px 0px 30px;width:934px;height:390px;box-sizing:border-box;background-color:#fff;}
#iabout {position:relative;padding-left:260px;height:150px;}
#iabout_image {position:absolute;top:0px;left:0px;width:230px;height:150px;}
#iabout_content {height:150px;line-height:1.9;overflow:hidden;}
#iabout_content p:first-child {margin-bottom:15px;}

#iabout_menu {margin-top:30px;padding-top:30px;border-top:1px solid #e6e6e6;}
#iabout_menu li {position:relative;display:inline-block;width:25%;height:114px;text-align:center;vertical-align:top;box-sizing:border-box;border-right:1px solid #e6e6e6;}
#iabout_menu li:last-child {border-right:none;}
#iabout_menu li div {margin:0px auto;width:64px;height:48px;}
#iabout_menu li div img:nth-child(2) {display:none;}
#iabout_menu li h3 {padding:15px 0px 10px 0px;font-size:14px;}
#iabout_menu li p {color:#999;font-size:12px;}
#iabout_menu li:hover div img:nth-child(1) {display:none;}
#iabout_menu li:hover div img:nth-child(2) {display:block;}

#inews_blk {position:absolute;top:0px;right:0px;padding:30px 30px 0px 30px;width:452px;height:240px;box-sizing:border-box;background-color:#fff;}
#inews_tjs {position:relative;padding-left:150px;height:86px;overflow:hidden;}
#inews_tjs img {position:absolute;top:0px;left:0px;width:132px;height:86px;}
#inews_tjs h2 {font-size:14px;}
#inews_tjs span {color:#999;font-size:12px;}
#inews_tjs p {margin-top:5px;height:42px;color:#888;line-height:21px;overflow:hidden;}
#inews {margin-top:12px;}
#inews li {position:relative;padding:0px 80px 0px 15px;height:30px;line-height:30px;background:url(../images/icon1.png) no-repeat 0px 13px;overflow:hidden;}
#inews li span {position:absolute;top:0px;right:0px;color:#999;font-size:12px;}

#itel {position:absolute;bottom:0px;right:0px;width:440px;height:123px;border:6px solid #eee;background:url(../images/itel_bg.jpg) no-repeat #fff;}
#itel h2 {position:absolute;bottom:20px;right:130px;color:#c9151e;font-size:30px;font-weight:normal;font-family:Arial;}
#itel div {position:absolute;top:20px;right:130px;color:#333;font-weight:bold;text-align:right;}
#itel div span {display:block;color:#999;font-family:Arial;font-size:12px;font-weight:normal;}

#iproducts_box {margin-top:15px;background-color:#fff;}
#iproducts {display: flex; flex-flow: row wrap; row-gap: 20px; padding:30px;}
#iproducts a {flex: 0 0 auto; margin-right: 2%; width: 15%; text-align: center;}
#iproducts a:nth-child(6n) {margin-right: 0;}
#iproducts a div {font-size: 0; overflow: hidden;}
#iproducts a div img {width: 100%; transition: transform ease-out 500ms;}
#iproducts a h2 {height: 40px; line-height: 40px; font-size: 14px; background-color: #f5f5f5;}
#iproducts a:hover div img {transform: scale(1.08);}
#iproducts a:hover h2 {color:#fff; background-color: #c9151e;}
/*
#iproducts {padding:30px 0px;}
#iproducts li {position:relative;display:inline-block;padding:0px 30px 0px 45px;width:25%;height:30px;color:#666;font-family:Arial;font-size:14px;font-weight:bold;line-height:30px;vertical-align:top;box-sizing:border-box;border-right:1px solid #e6e6e6;}
#iproducts li:before {position:absolute;top:9px;left:30px;display:block;width:0px;height:0px;content:"";border:6px solid transparent;border-left-color:#666;}
#iproducts li:nth-child(4n) {border-right:none;}
#iproducts li a {color:#666;}
#iproducts li a:hover {color:#c9151e;}
*/
#ilinks_box {position:relative;margin-top:15px;padding:20px 30px 20px 150px;height:60px;background-color:#fff;}
#ilinks_tis {position:absolute;top:37px;left:30px;width:90px;height:26px;color:#fff;font-size:14px;font-weight:bold;line-height:26px;text-align:center;background-color:#c9151e;}
#ilinks {width:1020px;height:60px;font-size:0px;overflow:hidden;}
#ilinks p {float:left;margin-right:20px;width:180px;height:60px;font-size:0px;}
#ilinks p img {width:180px;height:60px;}

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

.left_title {padding:10px 0px 10px 20px;color:#fff;font-size:24px;font-weight:normal;background-color:#c9151e;}
.left_title span {display:block;font-size:14px;}
.left_menu {padding:0px 12px 15px 12px;background-color:#fff;}
.left_menu dd > a {display:block;padding:14px 0px 15px 25px;font-size:16px;border-bottom:1px solid #e5e5e5;background:url(../images/ico1.gif) no-repeat 10px 21px;}
.left_menu dd a.left_menu_cur {color:#de020d;font-weight:bold;background-position:10px 20px;}
.left_menu dd a.left_menu_curs {color:#de020d;}

.left_pros {padding:0px 12px 15px 12px;background-color:#fff;}
.left_pros dd {position:relative;}
.left_pros dd > span {position:absolute;top:19px;left:3px;z-index:2;display:block;width:11px;height:11px;border:1px solid #bbb;background-color:#fff;cursor:pointer;}
.left_pros dd > span:before {position:absolute;top:5px;left:2px;display:block;width:7px;height:1px;content:"";background-color:#bbb;}
.left_pros dd > span:after {position:absolute;top:2px;left:5px;display:block;width:1px;height:7px;content:"";background-color:#bbb;}
.left_pros dd > a {position:relative;z-index:1;display:block;padding:14px 0px 15px 25px;font-size:16px;font-weight:bold;border-bottom:1px solid #e5e5e5;}
.left_pros dd.curt > span:after {display:none;}
.left_pros dd.curt > ul {display:block;}
.left_pros dd a.left_menu_cur {color:#de020d;}
.left_pros dd a.left_menu_curs {color:#de020d;}

.left_pros ul {display:none;padding:5px 0px 20px 0px;border-bottom:1px solid #e5e5e5;}
.left_pros ul li {position:relative;padding:8px 0px 0px 25px;font-size:14px;}
.left_pros ul li:before {position:absolute;top:13px;left:12px;display:block;width:0px;height:0px;content:"";border:3px solid transparent;border-left-color:#888;}
.left_pros ul li a {color:#808080;}
.left_pros ul li a:hover {color:#de020d;}

.left_pros div {padding-bottom:8px;}
.left_pros div p {position:relative;padding:8px 0px 0px 13px;font-size:14px;}
.left_pros div p:before {position:absolute;top:15px;left:1px;display:block;width:4px;height:4px;content:"";border-radius:50%;background-color:#999;}

.left_contact {padding:12px 10px 12px 20px;line-height:1.8;background-color:#fff;}

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

.nodata {padding:150px 0px;color:#bbb;font-size:16px;text-align:center;}
#title_cur {position:relative;padding-right:20px;height:45px;color:#bbb;font-size:12px;text-align:right;line-height:52px;border-bottom:1px solid #e5e5e5;overflow:hidden;}
#title_cur a {color:#bbb;}
#title_cur a:hover {color:#de020d;}
#title_cur strong {color:#de020d;font-weight:normal;}
#title_cur h2 {position:absolute;top:0px;left:20px;color:#de020d;font-size:16px;line-height:50px;}

.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: 15px 20px 0 20px;overflow:hidden;}
.editorc {line-height:1.8;}
.editorc p {margin-bottom:20px;}
.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:20px;padding-left:1.4em;}
.editorc ul:last-child {margin-bottom:0px;}
.editorc ul li {list-style-type:disc;}
.editorc ol {margin-bottom:20px;padding-left:1.5em;}
.editorc ol li {list-style-type:decimal;}
.editorc ol:last-child {margin-bottom:0px;}
.editorc table.border {margin-bottom:20px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.editorc table.border td,.editorc table.border th {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;}
.editorc table.border th 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:20px;padding-left:1.4em;}
.editorc2 ul:last-child {margin-bottom:0px;}
.editorc2 ul li {list-style-type:disc;}
.editorc2 ol {margin-bottom:20px;padding-left:1.5em;}
.editorc2 ol li {list-style-type:decimal;}
.editorc2 ol:last-child {margin-bottom:0px;}

.editorc_tbe table {margin-bottom:20px;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,.editorc_tbe th 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;}
.editorc_tbe table.no-border th {border:none;padding:0px;}

#prevnext {position:relative;margin:30px auto 0px auto;padding:12px 70px 0px 0px;height:48px;color:#999;font-size:14px;border-top:1px solid #e5e5e5;overflow:hidden;}
#prevnext p {padding-left:20px;height:24px;}
#prevnext a {}
#prevnext_back {position:absolute;top:12px;right:20px;}

/*===================================================================================*/
/* 企业图片列表 */

#about_image1 {margin:0px auto;width:900px;font-size:0px;}
#about_image1 a {display:inline-block;margin:25px 30px 0px 0px;width:280px;font-size:0px;text-align:center;vertical-align:top;}
#about_image1 a:nth-child(3n) {margin-right:0;}
#about_image1 a img {padding:4px;width:270px;height:203px;transition:none;border:1px solid #ddd;}
#about_image1 a img:hover {padding:3px;border:2px solid #de020d;}
#about_image1 a p {padding-top:8px;font-size:14px;line-height:1.4;}

#about_image2 {margin:0px auto;width:900px;font-size:0px;}
#about_image2 a {display:inline-block;margin:25px 20px 0px 0px;width:210px;font-size:0px;text-align:center;vertical-align:top;}
#about_image2 a:nth-child(4n) {margin-right:0;}
#about_image2 a img {padding:4px;width:200px;height:267px;transition:none;border:1px solid #ddd;}
#about_image2 a img:hover {padding:3px;border:2px solid #de020d;}
#about_image2 a p {padding-top:8px;font-size:14px;line-height:1.4;}

/*===================================================================================*/
/* 产品列表 */

#products {font-family:Arial;font-size:14px;width:1270px;background-color:#fff;}
#products thead {background-color:#de020d;
	background-image:-webkit-linear-gradient(top,#b60400,#dd0500);
	background-image:-moz-linear-gradient(top,#b60400,#dd0500);
	background-image:-ms-linear-gradient(top,#b60400,#dd0500);
	background-image:-o-linear-gradient(top,#b60400,#dd0500);
	background-image:linear-gradient(top,#b60400,#dd0500);
}
#products thead tr td {color:#fff;font-weight:bold;text-align:center;border-right:1px solid #e76764;}
#products thead.prothead1 tr td:last-child {border-right:none;}
#products thead.prothead1 td {padding:20px 5px 20px 5px;}
#products thead.prothead2 td {padding:5px;}

#products tbody tr td {padding:10px 5px 10px 5px;height:25px;text-align:center;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
#products tbody tr td img {height:25px;}
#products tbody tr:nth-child(even) td {background-color:#e8e8e8;border-right-color:#cecece;}
#products tbody tr td:last-child {text-align:center;border-right:none;}
#products tbody tr:hover td {/*background-color:#c9cccf;border-right-color:#e5e5e5;*/}

.search {float:left;margin-left:20px;width:286px;}
.search h2 {padding:20px 0px 0px 0px;font-size:14px;}
.search div {padding:8px 0px 0px 12px;}
.search p {padding:5px 0px 0px 26px;font-size:12px;}

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

#news {padding: 1px 20px 0 20px;}
#news li {position:relative;margin-top:15px;padding:1px 120px 0px 20px;height:30px;background:url(../images/news_line.png) no-repeat left bottom;}
#news span {position:absolute;top:3px;right:0px;color:#999;font-size:12px;}
#news span a {margin-right:50px;}
#news_title {padding:35px 0px 25px 0px;color:#333;font-size:24px;line-height:1.4;text-align:center;font-weight:normal;}
#news_info {padding-bottom:8px;color:#999;font-size:12px;text-align:center;border-bottom:1px dashed #ddd;}
#news_info span {padding:0px 20px;}
#news_info strong {font-weight:normal;}

#article {padding: 1px 20px 0 20px;}
#article li {position:relative;margin-top:20px;padding-left:180px;height:140px;border-bottom:1px dashed #ccc;overflow:hidden;}
#article li img {position:absolute;top:0px;left:0px;width:160px;height:120px;}
#article li h2 {font-size:16px;font-weight:normal;}
#article li span {color:#888;font-size:12px;}
#article li p {margin-top:10px;height:66px;color:#888;font-size:12px;line-height:22px;overflow:hidden;}
.article_list_nopic {position:absolute;top:0px;left:0px;display:block;width:160px;height:120px;background:url(../images/nopic.png) no-repeat center center #f0f0f0;}

/*===================================================================================*/
/* 在线留言 */

#message {padding:10px 0px 0px 0px;}
#message td {padding:14px 5px 0px 5px;}
#message td span {margin-left:5px;font-family:"宋体";font-size:12px;color:#ff0000;}

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

#win_ts {position:fixed;top:20%;left:50%;z-index:9999;margin-left:-170px;padding:32px 20px;width:300px;color:#fff;font-size:22px;line-height:1.4;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);}

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

#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;}

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

#news_page {margin-top:30px;width:100%;}
#products_page {padding:30px 0px;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:#666;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:#de020d;background-color:#de020d;}
.fypage span.fypage_disabled {}
.fypage span.fypage_current {color:#fff;border-color:#de020d;background-color:#de020d;}
.fypage_sl {display:inline-block;padding:0px 3px;height:28px;color:#999;font-size:12px;line-height:24px;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;}