@charset "GB2312";
body {
color:#000;
font-family:arial;
font-size:14px;
margin:0;
-webkit-text-size-adjust:none;
word-break:normal;
word-wrap:normal;
}
body,form,img,p,ul,ol,li,table,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,input,button,select,textarea,fieldset {
margin:0;
padding:0;
font-size:14px;
}
a img,img {
border:0;
}
a:link {
color:#000;
}
a:visited {
color:#000;
}
a:hover {
color:#000;
text-decoration:underline;
}
a:active {
color:#003366;
}
a {
text-decoration:none !important;
}
h2,h3,h4,h5,h6 {
font-size:12px;
font-weight:normal;
}
em {
font-style:normal;
}
ul,ol,li {
list-style:none;
}
.clearfix:before,.clearfix:after{ content: ''; display: table; }
.clearfix:after{ clear: both; }
.clear {
height:1px;
font-size:0px;
clear:both;
}
.h5 {
height:5px;
font-size:0px;
clear:both;
}
.h10 {
height:10px;
font-size:0px;
clear:both;
}
#container {
max-width: 1440px;
margin: 0 auto;
width: 100%;
word-wrap: break-word;
word-break: break-word;
}
#header {
position: relative;
}
#header .header_top {
background: #F2F2F2;
border-bottom: 1px solid #ddd;
}
#header .header_top .top_lang {
width: 1200px;
margin: 0 auto;
}
#header .header_top .top_lang .top_lang_title {
float: left;
font-size: 15px;
color: #808080;
padding-top: 4px;
padding-bottom: 4px;
}
#header .header_top .top_lang .language {
float: right;
padding-top: 3px;
}
#header .logo {
float:left;
margin-top: 22px;
margin-bottom: 22px;
}
#header .header_bottom {
width: 1200px;
margin: 0 auto;
}
#header .logo {
float: left;
border-right: 1px solid #ddd;
padding-right: 14px;
}
#header .tip {
float: left;
margin-top: 30px;
margin-left: 15px;
text-align: left;
font-size: 15px;
margin-right: 4px;
color: #9E9E9E;
}
#header .tip .Headertip {
font-size: 18px;
margin-bottom: 8px;
color: #717171;
}
#header .header_bottom .search_sm {
float: right;
margin-top: 30px;
position: relative;
}
#header .header_bottom .search_sm .addthis_share {
position: absolute;
top: 42px;
right: 0;
}
#header .header_bottom .search_sm #keywords {
width: 320px;
height: 30px;
border: 1px solid #ddd;
border-radius: 5px;
padding-left: 8px;
padding-right: 60px;
}
#header .header_bottom .search_sm .submit {
height: 32px;
background: #007BC1;
border: 1px solid #007BC1;
padding: 0 7px;
color: #fff;
font-size: 18px;
border-radius: 5px;
cursor: pointer;
position: absolute;
top: 0px;
right: 0;
}
#header .header_bottom .search_sm .header_bottom_sm {
margin-top: 8px;
}
#header .header_bottom .search_sm .header_bottom_sm .Mobile_sm {
background: url("../images/top_tel.png") no-repeat -6px -6px;
height: 28px;
line-height: 28px;
padding-left: 32px;
font-size: 15px;
color: #494949;
}
#header .header_bottom .search_sm .header_bottom_sm .Email_sm {
background: url("../images/top_tel.png") no-repeat -6px -34px;
height: 28px;
line-height: 28px;
padding-left: 32px;
font-size: 15px;
}
#header .header_bottom .search_sm .header_bottom_sm .Email_sm a {
color: #494949;
}
#header dl.language {
height:16px;
right:0;
z-index:9;
}
#header dl.language dt {
background:url("../images/bg_doc.gif") no-repeat scroll -379px -38px transparent;
color:#0750D9;
cursor:pointer;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
height:16px;
line-height:16px;
overflow:hidden;
padding-left:2px;
width:120px;
display:none
}
#header dl.language dd {
line-height:14px;
padding:3px 8px;
float:left;
}
#header dl.language:hover {
height:auto;
}
#header dl.language:hover dt {
background-position:-379px -1px;
border-bottom:1px solid #7F9DB9;
}
#header dl.language:hover dd {
display:block;
}
#header dl.language dd a {
/*background:url("../images/language_21.png") no-repeat scroll 5px 0 transparent;*/
display:block;
height:14px;
/*padding-left:30px;*/
color:#000;
}
#header dl.language dd a.cn {
}#header dl.language dd a.en {
background-position:5px -28px;
}
#header dl.language dd a.de {
background-position:5px -56px;
}
#header dl.language dd a.fr {
background-position:5px -84px;
}
#header dl.language dd a.ru {
background-position:5px -112px;
}
#header dl.language dd a.es {
background-position:5px -140px;
}
#header dl.language dd a.pt {
background-position:5px -168px;
}
#header dl.language dd a.jp {
background-position:5px -196px;
}
#header dl.language dd a.gr {
background-position:5px -224px;
}
#header dl.language dd a.it {
background-position:5px -252px;
}
#header dl.language dd a.kr {
background-position:5px -280px;
}
#header dl.language dd a.ae {
background-position:5px -308px;
}
#header dl.language dd a.tr {
background-position:5px -336px;
}
#header dl.language dd a.pl {
background-position:5px -364px;
}
#header dl.language dd a.fi {
background-position:5px -392px;
}
#header dl.language dd a.in {
background-position:5px -420px;
}
#header dl.language dd a.vn {
background-position:5px -448px;
}
#header dl.language dd a.th {
background-position:5px -476px;
}
#header dl.language dd a.nl {
background-position:5px -504px;
}
#header dl.language dd a.ie {
background-position:5px -532px;
}
#header dl.language dd a.ph {
background-position:5px -560px;
}
#header dl.language dd a.cz {
background-position:5px -588px;
}
#header dl.language dd a.my {
background-position:5px -616px;
}
#header dl.language dd a.us {
background-position:5px -644px;
}
/*nav*/
#nav {
width: 100%;
font-family: Verdana;
margin: 0 auto;
}
.nav1{
margin: 0 auto;
width: 100%;
height: 41px;
background: #007BC1;
}
#nav ul {
margin: 0 auto;
height: 41px;
width: 1200px;
}
#nav ul li {
display:inline;
float:left;
line-height:37px;
padding:0px 25px;
background-repeat:no-repeat;
background-position:right center;
position: relative;
}
#nav ul li:hover {
background: #007AD1;
}
#nav ul li a {
color:#fff;
text-decoration:none;
font-size: 17px;
}
#nav ul li:hover,#nav ul li.current {
}
#aaanav ul li:hover a,#aanav ul li.current a {
background:url("../images/bg_doc.gif") repeat scroll right -134px transparent;
color:#333333;
display:inline;
float:left;
height:30px;
padding:0 15px;
}
#nav li div {
background: #007BC1;
position: absolute;
min-width: 180px;
z-index: 9999;
display: none;
left: 0;
top: 100%;
white-space: nowrap;
}
#nav li:hover div {
display:block;
}
#nav li div .live {
position: relative;
}
#nav li div .live .erji {
position: absolute;
left: 100%;
top: 0;
border-left: 1px solid #fff;
display: none;
}
#nav li div .live:hover .erji{
display: block;
}
#nav li div a {
font-weight: lighter;
line-height: 36px;
text-align: left;
z-index: 9999;
display: block;
padding: 0 10px;
}
#nav li div a:hover {
color: #333;
background:#F1F1F1 none repeat scroll 0 0;
}
#banner_scroll .swiper-slide img {
width: 100%;
display: block;
}
/*search*/
#nav .search {
height:40px;
margin-top:1px;
position:relative;
display:black;
background:#D9E9F9;
margin:0 auto;
width:1150px;
}
#banner_scroll{
margin:0 auto;
}
#main .sider dl.box.cert #banner_scroll {
width: 100%;
}
div#position {
margin: 0 auto;
margin-top: 10px;
width: 1150px;
}
.video a.more {
float:right;
color:#000;
}
#nav .search dl.category {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #7F9DB9;
cursor:pointer;
display:inline;
float:left;
height:20px;
left:0;
overflow:hidden;
position:absolute;
top:0;
width:143px;
z-index:9;
margin-left:100px;
margin-top:10px;
}
#nav .search dl.category dt {
background:url("../images/bg_doc.gif") no-repeat scroll 124px -457px #FFFFFF;
height:20px;
line-height:20px;
overflow:hidden;
padding-left:4px;
padding-right:20px;
color:#000000;
}
#nav .search dl.category dd {
width:142px;
word-break:normal;
}
#nav .search dl.category dd a {
border-top:1px solid #E7F3FF;
color:#333333;
display:block;
line-height:16px;
padding:5px;
text-decoration:none;
}
#nav .search dl.category dd a:hover {
background:none repeat scroll 0 0 #F4F9FE;
}
#nav .search dl.category:hover {
height:auto;
overflow:visible;
}
#nav .search dl.category:hover dt {
background-position:124px -478px;
height:26px;
}
#nav .search .textbox,#nav .search .textbox_focus {
background:url("../images/search.png") no-repeat scroll 5px center #FFFFFF;
border:1px solid #7F9DB9;
color:#999999;
display:inline;
float:left;
font-family:arial;
font-size:12px;
height:20px;
line-height:20px;
margin-left:150px;
padding-left:24px;
width:400px;
margin-top:10px;
}
#nav .search .submit {
border:medium none;
cursor:pointer;
display:inline;
float:left;
height:22px;
margin-left:5px;
overflow:hidden;
width:84px;
background:#0072cf;
margin-top:10px;
color:#fff;
}
.Swiper_Banner .swiper-slide img {
width: 100%;
}
/*main*/
#main {
padding-top:10px;
margin:0 auto;
width:1150px;
}
/*sider*/
#main .sider {
width:240px;
display:inline;
float:left;
word-break:normal;
word-wrap:normal;
}
#main .sider dl.box {
border:1px solid #cdcdcd;
background:url("../images/title_bg.gif") repeat-x scroll 0 -110px transparent;
}
#main .sider dl.latest dd {
padding:0 10px;
}
#main .sider dl.box dt {
color:white;
font-family:Verdana;
font-weight:bold;
height:30px;
line-height:30px;
margin:0;
padding:0;
text-indent:10px;
background:#007BC1;
}
#main .sider dl.category dd {
font-size: 14px;
line-height: 22px;
margin: 0 7px;
position: relative;
border-bottom: 1px solid #f5f5f5;
padding: 4px 0;
}
#main .sider dl.category dd.active a {
color: #007BC1 !important;
}
#main .sider dl.category dd span
{
color: #000000;
font-weight: normal;
}
#main .sider dl.category dd a.parent:hover
{
color: #6C007C;
}
#main .sider dl.category dd.top a,#main .sider dl.menu dd.top
{
border: none;
}
#main .sider dl.category dd ul
{
background: none repeat scroll 0 0 #EEEEEE;
border: 1px solid #208FD7;
display: none;
left: 100%;
position: absolute;
top: -1px;
width: 200px;
z-index: 999;
}
#main .sider dl.category dd li
{
border-top: 1px dotted #999999;
height: 36px;
line-height: 36px;
padding: 0 10px;
overflow: hidden;
}
#main .sider dl.category dd li a.sub
{
font-weight: normal;
padding-left: 10px;
padding-right: 5px;
text-decoration: none;
}
#main .sider dl.category dd li span
{
color: #000000;
font-weight: normal;
}
#main .sider dl.category dd li.top
{
border-left: 1px solid #EEEEEE;
border-top: medium none;
left: -1px;
position: relative;
}
#main .sider dl.category dd:hover
{
position: relative;
z-index: 9999;
}
#main .sider dl.category dd:hover a.parent
{
border-right:1px solid #EDECEC;
margin-right: -1px;
position: relative;
width: 190px;
z-index: 9999;
color: #208FD7;
}
#main .sider dl.category dd:hover ul
{
display:block;
}
#main .sider dl.category dd li:hover
{
background-color: #CCCCCC;
}
#main .sider dl.category dd li:hover a
{
font-weight: bold;
color: #208FD7;
text-decoration: none;
}
#main .sider dl.category dd.hide:hover a:hover
{
background-color:#EDECEC;
}
/*subscribe*/
#main .sider dl.subscribe dd {
padding-bottom:10px;
position:relative;
}
#main .sider dl.subscribe dd .annotation {
font-size:12px;
line-height:38px;
text-align:center;
}
#main .sider dl.subscribe dd .textbox,#main .sider dl.subscribe dd .textbox_focus {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #B2B2B2;
color:#999999;
display:block;
font-size:12px;
height:24px;
line-height:24px;
margin:0 auto 10px;
outline:medium none #CD853F;
padding:0 3px;
width:185px;
}
#main .sider dl.subscribe dd .btn {
background:none repeat scroll 0 0 #D9E9F9;
border:medium none;
color:#000;
cursor:pointer;
display:block;
font-size:14px;
font-weight:bold;
height:30px;
margin:0 auto;
width:110px;
}
#main .sider dl.subscribe dd .unsubscribe {
display:none;
}
/*contact us*/
#main .sider dl.contactus dd {
line-height:22px;
padding:5px;
}
#main .sider dl.contactus dd a.btn {
background:url("../images/bg_doc.gif") no-repeat scroll 0 0 transparent;
border:medium none;
cursor:pointer;
display:block;
height:26px;
margin:0 auto;
overflow:hidden;
text-indent:-999px;
width:129px;
}
/*online*/
#main .sider dl.contactus dd .online {
}#main .sider dl.contactus dd .online a {
background:url("../images/ico_32.png") no-repeat scroll 0 0 transparent;
display:block;
float:left;
height:32px;
margin:9px 6px;
width:32px;
}
#main .sider dl.contactus dd .online a.SKYPE {
background-position:-32px 0;
}
#main .sider dl.contactus dd .online a.Trademanager {
background-position:-64px 0;
}
#main .sider dl.contactus dd .online a.MSN {
background-position:-96px 0;
}
#main .sider dl.contactus dd .online a.Email {
background-position:-128px 0;
}
/*sBody*/
#main .sBody {
width:889px;
float:right;
}
#main .sBody .box {
background:url("../images/title_bg.gif") repeat-x scroll 0 -110px transparent;
border:1px solid #fff;
margin-bottom:10px;
clear: both;
}
.category_text {
width: 100%;
height: auto;
float: left;
padding-bottom: 8px;
}
#main .sBody .box .title {
background:#007BC1;
color:white;
font-family:Verdana;
font-weight:bold;
height:30px;
line-height:30px;
text-indent:10px;
}
#main .sBody .box .title a{
color: white;
}
#main .sBody .about-us div.content {
line-height:20px;
word-break:normal;
word-wrap:normal;
}
.latest dd h4 a {
color:#00456a;
line-height:18px;
}
.latest dd .text {
line-height:18px;
display:none;
}
/*products*/
#main .sBody .products .text {
}#main .sBody .products .grid {
padding:0 19px;
}
#main .sBody .products .grid .item {
display: inline;
float: left;
margin: 5px 20px;
overflow: hidden;
text-align: center;
width: 172px;
word-break: normal;
word-wrap: normal;
}
#main .sBody .products .grid .item a.pic {
display:block;
height:172px;
overflow:hidden;
padding:2px;
text-align:center;
}
#main .sBody .products .grid .item a.pic img {
display:block;
width: 100%;
}
#main .sBody .products .grid .item h2 {
color:#555555;
font-weight:bold;
line-height:20px;
margin-top:3px;
}
#main .sBody .products .grid .item h2 a {
color:#000;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.sider .product .item h2 a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
font-size: 14px;
padding: 0 10px;
}
/*products list*/
#main .sBody .products .list dl {
border-bottom: 1px dotted #DCDCDC;
float: left;
margin-left: 10px;
margin-top: 10px;
padding-bottom: 10px;
overflow: hidden;
width: 862px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#main .sBody .products .list dl dt {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #DCDCDC;
display:inline;
float:left;
height:172px;
padding:2px;
text-align:center;
width:172px;
}
#main .sBody .products .list dl dt a {
display:table-cell;
text-align:center;
vertical-align:middle;
}
#main .sBody .products .list dl dt img {
vertical-align: middle;
width: 100%;
height: 100%;
object-fit: contain;
}
#main .sBody .products .list dl dd {
display:inline;
float:left;
width: 680px;
}
#main .sBody .products .list dl dd h2 {
display:inline;
float:left;
font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;
font-size:13px;
line-height:20px;
margin-left:10px;
text-align:left;
width: 544px;
}
#main .sBody .products .list dl dd h2 a {
font-size: 16px;
font-weight: bold;
line-height: 22px;
}
#main .sBody .products .list dl dd .btn {
display:inline;
float:right;
}
#main .sBody .products .list dl dd .btn a {
background: url("../images/bg_doc.png") no-repeat scroll -81px -30px transparent;
border:medium none;
cursor:pointer;
display:block;
height:18px;
width:115px;
}
#main .sBody .products .list dl dd .summary {
color: #666666;
line-height: 24px;
margin-left: 10px;
margin-top: 4px;
width: 661px;
font-size: 14px;
}
#main .sBody .products .list dl dd .summary a.more {
color: #4E4E4E;
font-weight: bold;
display: block;
}
/*about us*/
#main .sBody .aboutus {
position:relative;
}
#main .sBody .aboutus ul {
height:166px;
padding:7px;
}
#main .sBody .aboutus li {
}#main .sBody .aboutus .cover {
display:inline;
float:left;
}
#main .sBody .aboutus .cover img {
border:1px solid #CCCCCC;
}
#main .sBody .aboutus .summary {
display:inline;
float:right;
width:501px;
word-break:normal;
word-wrap:normal:
}
#main .sBody .aboutus .summary h2 {
height:30px;
line-height:30px;
}
#main .sBody .aboutus .summary a {
color:#000;
font-weight:bold;
}
#main .sBody .aboutus .summary .text {
line-height:20px;
}
#main .sBody .aboutus .btn {
bottom:12px;
left:268px;
position:absolute;
}
#main .sBody .aboutus .btn a {
background:none repeat scroll 0 0 #fff;
border:1px solid #0E4074;
color:#000;
display:block;
float:left;
margin:0 3px;
padding:5px 11px;
text-decoration:none;
}
#main .sBody .aboutus .btn a:hover {
background:none repeat scroll 0 0 #083B6F;
color:#000;
}
/*article text*/
#main .sBody .article .content {
line-height:22px;
padding:10px;
}
/*footer*/
#footer {
background: #363636;
color: #333;
margin-top: 19px;
height: 342px;
}
#footer .footer_tip {
width: 1200px;
margin: 0 auto;
margin-top: 90px;
position: relative;
}
#footer .footer_tip .footer_tip_sm {
position: absolute;
top: -60px;
background: #fff;
}
#footer .footer_tip .footer_tip_sm .footer_tip_Fx {
background: #007BC1;
height: 60px;
line-height: 60px;
padding-left: 12px;
font-size: 28px;
color: #fff;
}
#footer .footer_tip .footer_tip_sm .footer_tip_Fx label {
margin-right: 12px;
}
#footer .footer_tip .footer_tip_sm .footer_tip_Fx a {
font-size: 32px;
vertical-align: middle;
color: #fff;
text-decoration: none;
}
#footer .footer_tip .footer_tip_sm .footer_tip_bottom a {
display: block;
text-align: center;
margin: 6px 0;
}
#footer .footer_tip .footer_tip_sm .footer_tip_bottom{
max-width: 377px;
}
#footer .footer_tip .footer_tip_sm .footer_tip_Fx a:hover {
color: #3C5C4D;
}
#footer .footer_tip .footer_tip_sm ul {
padding-bottom: 26px;
}
#footer .footer_tip .footer_tip_sm ul li {
margin-left: 24px;
margin-bottom: 18px;
font-size: 16px;
}
#footer .footer_tip .footer_tip_sm ul li span {
display: inline-block;
width: 254px;
vertical-align: top;
margin-left: 4px;
padding-right: 12px;
color: #7D7D7D;
}
#footer .footer_tip .footer_tip_sm ul li label {
font-size: 15px;
font-weight: bold;
}
#footer .footer_tip .footer_right {
float: right;
width: 525px;
}
#footer .footer_tip .footer_right {
float: right;
width: 760px;
padding: 20px;
}
#footer .footer_tip .footer_right .footer_right_top ul li {
display: inline-block;
width: calc(100% / 3 - 10px);
font-size: 15px;
margin: 8px 6px 8px 0;
}
#footer .footer_tip .footer_right .footer_right_top ul li a{
color: #fff;
}
#footer .footer_tip .footer_right h3 {
font-size: 22px;
color: #D1820D;
margin-top: 14px;
margin-bottom: 6px;
}
#footer .footer_tip .footer_right .footer_right_bottom li {
display: inline-block;
margin-right: 26px;
margin-top: 16px;
}
#footer .footer_tip .footer_tip_sm .footer_tip_bottom a img {
width: 180px;
height: 70px;
object-fit: contain;
}
#footer .link a {
color:#1d1c1c;
}
#footer .footer_tip .footer_tip_sm ul li span a {
margin: 0 !important;
color: #7D7D7D;
}
#footer .footer_tip .footer_tip_sm ul li span a:hover{
color: #0072cf;
}
#footer .list {
background: #0072cf;
margin: 0 auto;
width: 100%;
}
#footer .list dl {
display:inline-block;
float:left;
padding:0 0 10px 15px;
width:196px;
}
#footer .footer_tip .footer_right .footer_right_top ul li a:hover {
color: #B1B1B1;
}
#footer .footer_tip .footer_right .footer_right_bottom li img {
width: 130px;
height: 89px;
object-fit: contain;
background: #fff;
}
.qiyi {
float: left;
width: 228px;
border-right: 1px solid #E7F3FF;
}
.qiyi:nth-of-type(5) {
border: 0;
}
#footer .list dl.first {
}
#footer .list dl:nth-of-type(5n){
border-right: 0;
}
#footer .list dt {
color:white;
font-size:12px;
font-weight:bold;
height:28px;
line-height:28px;
}
#footer .list dd {
line-height:22px;
}
#footer .list dd a {
color:white;
}
#footer .list dd a:hover {
color:#CA0007;
}
.wemm{
float: left;
width:100%;
padding-top: 20px;
max-width:785px;
text-align: center;
}
#footer .link {
color: #333;
line-height: 20px;
padding-top: 10px;
text-align: center;
float: left;
width:100%;
}
#footer .link a {
margin:0 5px;
}
#footer .copyright {
color: #333;
line-height: 30px;
text-align: center;
float: left;
width:100%;
}
/*scroll*/
#main .scroll {
}
#main .scroll .pic {
display:inline;
float:left;
height:326px;
overflow:hidden;
position:relative;
/*width:452px;*/
width:590px;
margin-bottom:10px;
/*margin-left: 68px;*/
}
#main .scroll ul.btn {
left:5px;
position:absolute;
top:5px;
}
#main .scroll ul.btn li {
background-color:#CCCCCC;
border:1px solid #000000;
display:block;
float:left;
font-size:10px;
height:16px;
margin:5px;
text-align:center;
width:16px;
}
#main .scroll ul.btn li.active {
background-color:#FF6600;
}
#main .scroll .show {
_border:1px solid #DCDCDC;
height:298px;
width:450px;
width:590px;
}
#main .scroll .show img {
display:block;
margin:0 auto;
}
#main .scroll .show .loading {
margin-top:75px;
}
#main .scroll .title {
background:none repeat scroll 0 0 #DCDCDC;
bottom:0;
font-size:12px;
font-weight:bold;
left:0;
line-height:16px;
overflow:hidden;
padding:5px;
position:absolute;
text-align:center;
vertical-align:middle;
width:442px;
width:590px;
}
#main .scroll .title a {
color:#000000;
text-decoration:none;
}
#main .scroll dl.list {
width:281px;
height:325px;
border:1px solid #C6D2E0;
background:url("../images/title_bg.gif") repeat-x scroll 0 -110px transparent;
float:right;
}
#main .scroll dl.list dt {
background:url("../images/bg_doc.gif") no-repeat scroll right -89px transparent;
color:#000;
font-family:Verdana;
font-weight:bold;
height:28px;
line-height:28px;
margin:0;
padding:0;
text-indent:10px;
}
#main .scroll dl.list dd {
height: 56px;
margin-left: 3px;
margin-top: 3px;
width: 271px;
}
#main .scroll dl.list dd a.cover {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DCDCDC;
height: 54px;
overflow: hidden;
width: 54px;
display: inline;
float: left;
}
#main .scroll dl.list dd a.cover img {
display:block;
}
#main .scroll dl.list dd h2 {
display: inline;
float: left;
font-weight: normal;
line-height: 13px;
overflow: hidden;
height: 42px;
padding: 0 5px;
width: 205px;
}
#main .scroll dl.list dd h2 a {
color:#000;
font-size:14px;
}
/*page*/
#page {
clear:both;
font-size:12px;
height:38px;
line-height:38px;
margin-top:9px;
text-align:center;
}
#page li {
display: inline;
}
#page a {
border:1px solid #DAE9F9;
color:#4B92D4;
margin:0 3px;
padding:5px 7px;
}
#page a:hover {
background:none repeat scroll 0 0 #76B5F7;
border:1px solid #76B5F7;
color:#000;
text-decoration:none;
}
#page a.btn {
}#page a.item {
padding:5px 8px;
}
#page font {
background:none repeat scroll 0 0 #4B92D4;
border:1px solid #4B92D4;
color:#000;
cursor:pointer;
font-size:12px;
margin:0 3px;
padding:5px 8px;
}
#page span {
border:1px solid #DAE9F9;
color:#AAAAAA;
cursor:pointer;
margin:0 3px;
padding:5px 8px;
}
#page li.active span {
background: #4B92D4;
color: #000;
}
#page label {
border:1px solid #DAE9F9;
padding:5px 8px;
margin:0 3px;
}
/*inquiry*/
table.inquiry {
background:none repeat scroll 0 0 #CCCCCC;
}
table.inquiry th {
background:none repeat scroll 0 0 #EEEEEE;
height:30px;
text-align:center;
color:#000000;
}
table.inquiry td {
background:none repeat scroll 0 0 #FFFFFF;
height:40px;
line-height:40px;
padding-left:5px;
}
table.inquiry td.t {
height:40px;
line-height:40px;
padding-right:5px;
text-align:right;
width:100px;
color:#000000;
}
table.inquiry td img {
width: 500px;
}
table.inquiry td .name {
}table.inquiry td a {
}table.inquiry td .textbox,table.inquiry td .textbox_m,table.inquiry td .textbox_over,table.inquiry td .textbox_m_over {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #A7A7A7;
height:20px;
padding-left:3px;
width:250px;
}
table.inquiry td .textbox_over {
border:1px solid #8BB546;
}
table.inquiry td .textarea,table.inquiry td .textarea_over {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #A7A7A7;
height:170px;
margin-top:5px;
width:95%;
}
table.inquiry td .textarea_over {
border:1px solid #8BB546;
}
table.inquiry td.btn {
padding-top:5px;
text-align:center;
}
table.inquiry td.btn input {
background:url("../images/btn.png") no-repeat scroll 0 0 transparent;
border:medium none;
cursor:pointer;
height:23px;
line-height:23px;
margin:0 5px;
text-align:center;
width:60px;
}
table.inquiry td.btn input.btn_over {
background-position:0 -23px;
}
/*video*/
ul.video {
padding-top:10px;
}
ul.video li {
background-position: center 0;
background-repeat: no-repeat;
box-shadow: 1px 1px 10px rgba(200,200,200,0.3);
float: left;
height: 410px;
margin: 0 20px 20px;
overflow: hidden;
width: 246px;
background-size: 100%;
position: relative;
}
ul.video li .img img {
height: 246px;
object-fit: contain;
}
ul.video li .cover {
height: 247px;
width: 247px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
ul.video li .cover span {
display:block;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:1;
}
ul.video li .cover a {
background:url("../images/video_doc.png") no-repeat scroll 95px center transparent;
display:block;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:99;
}
ul.video li .cover:hover span {
background-color:#000000;
opacity:0.6;
}
ul.video li .cover:hover a {
background-position:-305px center;
}
ul.video li strong {
border-bottom:1px dotted #CCCCCC;
color:#2C3B55;
display:block;
font-size:9pt;
font-weight:600;
height:35px;
line-height:12pt;
margin-bottom:10px;
padding-bottom:5px;
text-transform:uppercase;
text-align:center;
}
ul.video li .info {
margin-bottom:10px;
padding:10px 10px 30px;
}
ul.video li .info span {
color:#6699CC;
font-weight:600;
margin-right:5px;
}
.VideoShow {
text-align:center;
}
.VideoShow h3 {
color:#2A2A2A;
font-size:14px;
font-weight:bold;
margin:10px 0;
}
.sBody.clear {
display:none;
}
table.inquiry tr {
background-color:#FF99CC;
}
#footer .list a {
color:white;
}
#footer .list>a{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 25%;
height: 38px;
line-height: 38px;
text-align: center;
padding: 0 10px;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
font-size: 14px;
color: #fff;
text-decoration: none;
display: block;
float: left;
position: relative;
}
#footer .list>a.line:after{
content: '';
position: absolute;
top: 0; right: 0;
width: 1px;
height: 100%;
background-color: #fff;
}
#footer .list>a:hover{ color:#CA0007; }
#banner {
width:100%;
padding-top:10px;
}
.search form {
}
.about-us .content img {
float:left;
}
#main .sider .menu dd {
padding-top:10px;
border-bottom:1px dotted #ffffff;
}
#main .sider .menu dd a {
padding-left:10px;
}
.sider .product .item {
width: 100%;
margin: 0 auto;
text-align: center;
margin-bottom: 10px;
}
#main .sider dl.cert .swiper-slide {
text-align: center;
}
#main .sider dl.cert .swiper-slide img{
max-width: 100%;
}
#main .sider .box.latest li {
border-bottom: 1px solid #e9e9ec;
padding-bottom: 6px;
padding-top: 6px;
}
#main .sider .box.latest a {
font-size: 14px;
}
#main .sider .product .item img {
width: 80%;
object-fit: contain;
}
/*reviews*/
.sider .reviews {
}.sider .reviews ul {
}.sider .reviews li {
border-bottom:1px dotted #CCCCCC;
padding:3px 0;
}
.sider .reviews img {
border:1px solid #CCCCCC;
display:inline;
float:left;
margin:0 3px;
}
.sider .reviews .comment {
display:inline;
float:right;
width:192px;
}
.sider .reviews strong {
}.sider .reviews .text {
}/*top button*/
#homeSet,#toTop {
background:url("../images/top.png") no-repeat scroll 0 0 transparent;
display:block;
height:54px;
opacity:0.3;
filter:alpha(opacity=30);
position:fixed;
right:25px;
width:54px;
}
#homeSet {
bottom:104px;
}
#toTop {
bottom:45px;
background-position:0 -54px;
}
#homeSet:hover,#toTop:hover {
opacity:1;
filter:alpha(opacity=100);
}
#footerinfo {
width:100%;
margin:0 auto;
text-align:center;
}
marquee li {
height:25x;
line-height:25px;
padding:1px 3px;
}
.at4-share-title {
display:none;
}
.footleft {
background: #c7def0;
margin-bottom: 41px;
float: left;
padding-bottom: 34px;
width: 100%;
height: auto;
}
.footshares {
float: right;
padding-right: 25px;
max-width: 272px;
text-align: center;
}
.footshares li {
display:block;
float:left;
}
.footshares a {
display:block;
width:50px;
height:50px;
float:left;
background:url(../images/sharebg.png);
}
.footshares a.linkin {
background-position:-108px 0;
}
.footshares a.google {
background-position:-50px 0;
display: none;
}
.footshares a.facebook {
background-position:0 0;
}
.myshare {
margin-right:112px;
}
.footshares .better {
height:42px;
}
.friendlink {
background:url("../images/link_logo.jpg") no-repeat left;
height:60px;
line-height:60px;
text-indent:100px;
}
.friendlink a {
margin:0 5px;
}
#Description a,#Description a:hover{
text-decoration: underline;
color: revert;
}
#Description ul,#Description ol,#Description li{
list-style: revert;
padding: revert;
margin: revert;
}
#Description table, #Description td,#Description th {
margin: revert;
padding: revert;
margin: revert-layer;
padding: revert-layer;
word-break: normal;
}
#Description h1, #Description h2, #Description h3, #Description h4, #Description h5, #Description h6 ,#Description p{
margin: revert;
padding: revert;
font-size: revert;
}