﻿@font-face {
  font-family: 'Century Gothic';
  src: url('../fonts/GOTHIC.eot'); /* IE9 Compat Modes */
  src: url('../fonts/GOTHIC.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/GOTHIC.woff') format('woff'),
       url('../fonts/GOTHIC.ttf')  format('truetype'), 
       url('../fonts/GOTHIC.svg#svgFontName') format('svg');
}
@font-face {
  font-family: 'MyriadSetPro';
  src: url('../fonts/MyriadSetPro.eot'); /* IE9 Compat Modes */
  src: url('../fonts/MyriadSetPro.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/MyriadSetPro.woff') format('woff'), 
       url('../fonts/MyriadSetPro.ttf')  format('truetype'), 
       url('../fonts/MyriadSetPro.svg#svgFontName') format('svg'); 
}
@charset "UTF-8";
/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select {
    margin: 0;
    padding: 0;
}

h1,h2,h3,h4,h5 {
    font-weight: normal;
}

em {
    font-style: normal;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

img {
    border: none;
    display: block;
}

table {
}

input,textarea {
    outline: none;
}

textarea {
    resize: none;
    overflow: auto;
}

html {
    margin-top: 0px !important;
    height: 100%;
} 
/* end reset */

.clear {
    zoom: 1;
}

.clear:after {
    content: '';
    display: block;
    clear: both;
}

body {

}

/* nav begin */
.nav {
    position: fixed;
    z-index: 99;
    height: 60px;
    background-image: url("../images/navBg.jpg");
    background-repeat: repeat-x 0 0;
/*     background-image: -moz-linear-gradient(top, #323232, #191919);
 Firefox
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #323232), color-stop(1, #191919));
 Saf4+, Chrome
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#323232', endColorstr='#191919', GradientType='0');
 IE */
-ms-background: #000;
    min-width: 990px;
    width: 100%;
}

.nav a{
    display: block;
}

.nav img {
    padding-top: 8px;
    float: left;
}

.nav ul {
    width: 990px;
    margin: 0 auto;
}

.nav ul li {
    float: left;
    line-height: 60px;
    overflow: hidden;
    text-indent: 9999px;
    margin: 0 20px 0 20px;
}

.n1,.n2,.n3,.n4,.n5,.n6 {
    background: url("../images/nav.png") no-repeat;
}

.nav .n1 {
    width:100px;
    background-position: 0 23px;
}

.nav .n2 {
    width: 115px;
    background-position: -105px 23px;
	overflow:hidden;
}

.nav .n3 {
    width: 150px;
    background-position: -222px 23px;
}

.nav .n4 {
    width: 130px;
    background-position: -375px 23px;
}

.nav .n5 {
    width: 80px;
    background-position: -508px 23px;
}



.n1:hover,.n2:hover,.n3:hover,.n4:hover,.n5:hover,.n6:hover {
    background: url("../images/navH.png") no-repeat;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.checked1,.checked2,.checked3,.checked4,.checked5,.checked6{
    background: url("../images/navH.png") no-repeat;
}

.nav .n1:hover,.nav .checked1 {
    background-position: 0 23px;
}

.nav .n2:hover,.nav .checked2 {
    background-position: -105px 23px;
}

.nav .n3:hover,.nav .checked3 {
    background-position: -222px 23px;
}

.nav .n4:hover,.nav .checked4 {
    background-position: -375px 23px;
}

.nav .n5:hover,.nav .checked5 {
    background-position: -508px 23px;
}


/* nav end */

/* article begin */
.article {
    width: 100%;
    height: 100%;
    position: absolute;
    min-width: 990px;
}

/* article end */

/* footer begin */
.footer {
    width: 990px;
    min-width: 990px;
    height: 88px;
    background: #242424;
    margin: 0 auto;
}

.footerTx{
    font-family: arial;
    color: #999;
    line-height: 22px;
    margin: 30px 0 24px 28px;
    font-size: 13px;
    padding-top: 30px;
}
.footerTx a {
    font-family: arial;
    color: #999;
    line-height: 22px;
    font-size: 13px;
}
.footerTx a:hover{
    color: #fff;
}




.contact a {
    color: #999;

}
.contact a:hover{
    color: #fff;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.contact img {
    width: 50px;
    right:10%;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
    margin-left: 4px;
}
.footerCountry{
    position:relative;
    z-index: 101;
}
.footerCountry1{
font-family:arial;
margin-top: 0px;
left:18em;
position:relative ;

top:0px;
}
.footerCountry2{
font-family:arial;
position:absolute;
left:18em;
top:0px;
opacity: 0;
filter:alpha(opacity=0);
display: none;
}
.footerCountry span{ 
 float:left;
font-size: 12px;
font-family:arial;
}
.footerCountry:hover{
color:#6eb92b;
}
.footerCountry li{
    width:28px;
    margin-left:5px;
}
.contact p{
    width: 200px;
    margin-left:24px;
}
.contact .checked{
    color: #fff;
}
.checked{
    color: #fff;
}
/* footer end */

.tops{display:inline-block;width: 60px;height: 60px;position:absolute;right: 50px;bottom:30px; z-index: 200; display: none;}
.tops a{display: block;width: 60px;height: 60px;background: url(../images/top.png) no-repeat left top;}
.tops a:hover{background: url(../images/toph.png) no-repeat left top;}
.title{position: relative;}
.MD5Sc1 {
    width: 872px;
    height: 532px;
    margin: 0 auto 55px;
    position: relative;
}
.MD5Sc1 li{
    position: absolute;
    left: 0;
    top:0;
}
.compare{position: relative;}
.compare img {width: 0px;height:0px;margin: 0 auto;position: absolute;left: 0;bottom:0;margin-left: -24px;}
.closed {width: 33px;height: 33px;position: absolute;top:-1240px;left: 925px;display: none;}
.closed img{width: 33px;height: 33px;}

#box{height:125px; background:url(../images/xl.png) repeat;display: none; z-index:9999999; min-width:990px; margin:0 auto;}
#boxq{height:125px; background:url(../images/xl.png) repeat;display: none; z-index:9999999; min-width:990px; margin:0 auto;}
.h_tonglan {width:990px;background:#FFFFFF;margin:0 auto;}
.h_tonglan ul {overflow:hidden;}
.h218px {width:990px;height:125px;_height:125px;margin:0 auto;}
.h218px td {overflow:hidden;}
#scrollbox ul {overflow:hidden;}
#scrollbox ul LI {FLOAT:left;height:125px;_height:125px;vertical-align:top;text-align:center;padding:0px;overflow:hidden; margin:0 25px;}
#scrollbox ul LI img{ height:111px;border:0px; display:block;}
.pointer {CURSOR: pointer;}
#arrLeft{ margin:45px 0 0 0;}
#arrRight{margin:45px 0 0 0;}

#scrollboxq ul {overflow:hidden;}
#scrollboxq ul LI {FLOAT:left;height:125px;_height:125px;vertical-align:top;text-align:center;padding:0px;overflow:hidden; margin:0 25px;}
#scrollboxq ul LI img{ height:111px;border:0px; display:block;}
#arrLeftq{ margin:45px 0 0 0;}
#arrRightq{margin:45px 0 0 0;}

.contact{
	z-index:999999;
	width:80px;
	  position: absolute ;
	  top:25px;
	  right:550px;


}