@charset "utf-8";
@media (max-width: 1918px){
.index { width:1080px; margin:13px auto; position:relative; min-height:720px;}
.banner { width:50%; float:left; position:relative;}
 
.index1 { width:50%; position:absolute; z-index:5; top:0px; left:50%;}
.index1 .index1-list .index1-list-li img { width:100%; height:auto; display:block;}
.index1 .index1-list .index1-list-li .index1-list-word {font-size:110%;}


.index1-list-bg {width:100%; height:47.8%;position:absolute; z-index:999; right:0px; bottom:0;}

.index2 { width:25%; position:absolute; z-index:4; top:0; left:101.5%; background:#cccccc;-moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius:10px;}
.index2 .index2-list { width:95%; margin:0 auto 0px}
.index2 ul li img { width:100%; height:auto;}
}

@media (max-width: 1680px){
.banner { width:40%; float:left; position:relative;}
 
.index1 { width:40%; position:absolute; z-index:5; top:0px; left:40%;}
.index1 .index1-list .index1-list-li .index1-list-word {font-size:90%;}

.index2 { width:18%; position:absolute; z-index:4; top:0; left:81%; background:#cccccc;-moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius:10px;}
.index2 .index2-list { width:95%; margin:0 auto 0px}
.index2 ul li { position:relative; margin:25px 0px 25px; vertical-align:middle}
.index2 ul li + * { margin-top:25px;}
.index2 ul li img { width:100%; height:auto;}
.index2 ul li .index2-word { width:100%; font-size:100%; }
body.en-US .index1 .index1-list .index1-list-li .index1-list-bg .index1-list-word {
    font-size: 70%;
}
.index1 .index1-list:last-child .index1-list-li .index1-list-word { bottom:3px;}
body.en-US .index1 .index1-list:last-child .index1-list-li .index1-list-word ,body.en-US .index1 .index1-list .index1-list-li .index1-list-bg4 .index1-list-word,body.en-US .index1 .index1-list .index1-list-li .index1-list-bg2 .index1-list-word{
    // bottom: 20px;
}
}
@media (max-width: 1100px){
.w100 {width:940px;}
.heard { width:940px; margin:0 auto; padding-top:20px;}
.logo img { width:320px; height:auto;}
.logo-s img { width:140px; height:auto;}
.heard-right { float:right; margin-top:10px;}
.search { width:220px;}
.language { margin-top:6px;} 

.en-US .heard-about a { font-size:80%;}


.nav { width:940px; height:45px; }
.nav > ul > li { line-height:45px;}
.nav > ul > li > a { font-size:90%; }
.nav-s li a { font-size:80%;}
.nav-s li .nav-x {left:160px;}
.nav > ul > li:nth-child(5) .nav-x ,.nav > ul > li:nth-child(6) .nav-x {left:auto; right:157px; padding-right:2px}


.index { width:940px; margin:13px auto; position:relative; min-height:720px;}
.banner { width:39%; float:left; position:relative; }

.index1 { width:103.5%; position:relative; z-index:5; top:0px; left:0; clear:both; margin:0px -2%; padding-top:20px;}
.index1 .index1-list { width:33.33%; float:left; margin-bottom:15px}
.index1 .index1-list .index1-list-li { width:90%; margin:0 auto; position:relative;} 
.index1 .index1-list .index1-list-li img { width:100%; height:auto; display:block;}
.index1-list-bg {width:100%; height:47.8%;}
.index1 .index1-list .index1-list-li .index1-list-word {font-size:100%; color:#fff;  text-align:center; line-height:1.2em; padding-top:45px; font-weight:500;}
 
.index2 { width:555px; z-index:4; top:0; left:auto; right:0;}
.index2 .index2-list { width:90%; margin:0 auto 0px; overflow:hidden; padding-bottom:40px; }
.index2 ul li { position:relative; margin:35px 0px 0px; vertical-align:middle;float:left; width:48%;}
.index2 ul li + * { margin-top:35px; }
.index2 ul li:nth-child(1),.index2 ul li:nth-child(3) { margin-right:4%}
.index2 ul li img { width:100%; height:auto;}

.relevant-list li { float:none; margin-left:0px; margin-right:19px; margin-bottom:10px; vertical-align:top; display:inline-block;}

.content-banner img { width:98%; height:auto; display:block; margin:0 auto;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px; }


.products { width:98%;  margin:40px auto; border-top:#ccc dashed 1px; overflow:hidden;}

.products-right { width:720px; float:right; padding-bottom:30px;}

.about-s {width:95%; margin:0px auto 0px; line-height:1.3em; overflow:hidden; padding:30px 0px 40px;}
.about-s-nr .about-s-word {font-size:80%; color:#fff;  text-align:center; line-height:32px; padding-top:17%; font-weight:500;}
.about-s .index1-list-bg {width: 100%;height: 38%;}

.trend { width:95%; margin:0 auto; padding-bottom:60px;}
.trend-li img { width:95%; height:auto;}
.trend-discount-title { font-size:90%; color:#0066cc; padding:20px 0px 5px;}
.trend-discount-date { font-size:80%; color:#000; padding-bottom:45px;}
.trend-discount-tu img { width:100%; height:auto;}

.core-cont { width:95%; margin:18px auto; overflow:hidden;}
.core-cont-nr { width:65%; float:left; font-size:70%; color:#000;}
.core-cont-tu { float:right; width:33%; text-align:center; margin-top:-20px; padding-bottom:50px;}
.core-cont-tu img { width:95%; height:auto; }

.content-rules ul { width:60%; padding:40px 0px 40px;}
.content-rules img { position:absolute; right:0; bottom:0; width:40%; height:auto;}
.content-rules p{ width:60%;}

.web { width:95%;}
.web-li { width:23.5%; vertical-align:top; display:inline-block;text-align:center;}
.web-li img  {width:90%; height:auto;}
.web-li span { font-size:80%;}

.gift { width:95%; margin:20px auto; padding-bottom:40px;}
.gift-time img { width:40%; height:auto; }

.web_map {width:95%; margin:0px auto; overflow:hidden; padding:30px 0px 50px;}

.news { width:95%; margin:0 auto;}
.news-li-tu { float:left; width:30%; text-align:center;}
.news-li-tu img { width:90%; height:auto; }
.news-li-wen { float:right; width:65%;}
.news-li-title a { font-size:18px; color:#0066cc; float:left; width:80%;}
.news-li-title span { font-size:14px; color:#565656; float:right; width:100px; text-align:right;}

.job-li-tu { float:left; width:20%; text-align:center;}
.job-li-tu img { width:95%; height:auto; border:#fff 5px solid;-moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius:10px;-webkit-box-shadow:0 0 20px #cccbcb;  -moz-box-shadow:0 0 20px #cccbcb;  box-shadow:0 0 20px #cccbcb; }
.job-li-wen { float:right; width:75%;}

.map { width:98%; margin:0px auto; font-size:70%; color:#fff; line-height:20px; padding-top:10px}
.map a { color:#fff; padding:5px 12px; display:block;}
.map img { width:100%; height:auto;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;}
.map-add {-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px; -webkit-box-shadow:-2px 4px 10px rgba(90, 90, 90, .5);  
  -moz-box-shadow:-2px 4px 10px rgba(90, 90, 90, .5);  
  box-shadow:-2px 4px 10px rgba(90, 90, 90, .5);  }
.map-add span.map-bg { width:100%; height:30px; background:url(../images/map-bg.png) no-repeat center; position:absolute; z-index:9999; bottom:-10px; left:0;}

.contact { width:95%;}
.contact-title { font-size:120%; color:#0068b7;padding-left:30px;} 
.contact-cont { font-size:90%; color:#3e3e3e;padding-left:30px;}

.about { width:95%; margin:30px auto;}

.about-cont { width:95%;}
.about-cont-title a { font-size:80%;}
.about-cont-nr { width:55%; }
.about-cont-nr p { margin:20px 0px 45px;}
.about-cont-tu { float:right; width:40%; }
.about-cont-tu img { width:95%; height:auto; }

.advisor { width:95%; margin:30px auto 70px; line-height:1.3em}
.advisor-list li { width:32%; font-size:90%; color:#666; vertical-align:top; display:inline-block; padding-top:40px; padding-right:2.5%}
.advisor-list::before {min-height:620px;}
.advisor-list:after { content:''; position:absolute; z-index:99; left:65%; top:10px; width:1px; border-left:#ccc dashed 1px; min-height:620px;}


.download { width:95%; margin:25px auto;overflow:hidden;}
.download-list { width:95%; margin:30px auto 80px;}

body.en-US .index1 .index1-list .index1-list-li .index1-list-bg .index1-list-word {
    bottom: 30px;
}
.index1 .index1-list:last-child .index1-list-li .index1-list-word {
    bottom: 20px;
}
}
@media (max-width: 960px){
.w100 {width:740px;}
.heard { width:740px; margin:0 auto; padding-bottom:10px; overflow:hidden;padding-top:25px;}
.logo { float:left; padding:10px 0px 0px;}
.logo img { width:215px; height:auto;}
.logo-s { float:left; padding:12px 0px 0px;}
.logo-s img { width:95px; height:auto;}
.heard-right { float:right; margin-top:5px;}
.heard-font a:hover {color:#fe0000;}
#font-1 { font-size:15.42px !important;}
#font-2 { font-size:13.49px !important;}
#font-3 { font-size:11.56px !important;}
.heard-iocn a { display:inline-block; vertical-align:bottom; margin-left:-4px;}
.language { font-size:60%; } 
.language p.cur-lang a {font-size:75%;}
.language ul li a {font-size:70%; color:#fff;}

.search { width:200px; }

.heard-about { float:right; font-size:70%; color:#333; font-weight:200;}

.nav { width:740px; height:45px; }
.nav > ul > li { line-height:45px;}
.nav > ul > li > a { font-size:70%; }
.nav-s li a { font-size:70%;}
.nav-s li .nav-x {left:123px;}
.nav > ul > li:nth-child(5) .nav-x ,.nav > ul > li:nth-child(6) .nav-x {left:auto; right:123px; padding-right:2px}

body.en-US .nav > ul > li > a {
    font-size: 55%;
}

.index { width:740px; margin:13px auto; position:relative; min-height:720px;}

.index1 .index1-list .index1-list-li .index1-list-word {font-size:90%; color:#fff;  text-align:center; line-height:1.2em; padding-top:45px; font-weight:500;}
.index1 .index1-list:last-child .index1-list-li .index1-list-word { padding-top:35px;}


.index2 { width:440px; z-index:4; top:0; left:auto; right:0;}
.index2 .index2-list { width:90%; margin:0 auto 0px; overflow:hidden; padding-bottom:35px; }
.index2 ul li { position:relative; margin:25px 0px 0px; vertical-align:middle;float:left; width:48%;}
.index2 ul li + * { margin-top:25px; }
.index2 ul li:nth-child(1),.index2 ul li:nth-child(3) { margin-right:4%}
.index2 ul li img { width:100%; height:auto;}
.index2 ul li .index2-word { width:100%; font-size:100%; position:absolute; z-index:99; bottom:8px; right:8px; text-align:right;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 40px #fff, 0 0 70px #fff;}
.relevant-list li {float:none; margin-left:0px; margin-right:19px; margin-bottom:10px; vertical-align:top; display:inline-block;}

.products-right { width:530px; float:right; padding-bottom:30px;}
.products-list { width:48%; display:inline-block; vertical-align:top; margin-bottom:20px;}

.where { background:url(../images/where.png) no-repeat 5px 11px; padding:5px 0px 5px 20px; line-height:1em;}
.where a { padding:0 5px;}
.where a ,.where span { font-size:80%; color:#0066cc;}

.products { margin:30px auto 40px;}

.warter { width:95%;}

.news-cont { width:95%; margin:0 auto; overflow:hidden;}
.news-cont-nr p img { width:47%; height:auto; float:right;border:#fff 5px solid; border-left:none;-moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius:10px;-webkit-box-shadow:0 0 20px #cccbcb; -moz-box-shadow:0 0 20px #cccbcb;   box-shadow:5px 5px 5px #cccbcb; margin-bottom:8px; }
.news-cont-nr p img:first-child { float:left; width:99%; height:auto;}
.news-cont-nr p img:nth-child(2) { float:left !important;}

.news-li-about { padding-right:0px;}

.gift-time { padding-top:50px;}

.news-li-title a { font-size:18px; color:#0066cc; float:left; width:75%;}

.map { font-size:60%; }
.map a { color:#fff; padding:3px 10px; display:block;}
.contact-list { width:32%; vertical-align:top; display:inline-block; padding-top:50px; }

.contact-title { font-size:100%; color:#0068b7;padding-left:3%;} 
.contact-cont { font-size:70%; color:#3e3e3e;padding-left:3%;}
.state {  font-size:70%;line-height:1.4em; }

.about-list-title a { font-size:80%; color:#fff; padding:5px 25px; position:relative; z-index:1; background:#0066cc;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;}
.about-add-right { width:100%;float:none; padding-left:30px;}
.about-add-right ul li { background:url(../images/iocn-8.png) no-repeat 0px 9px; float:left; width:20%;}
.about-add-right ul li a { font-size:80%; color:#0058db; text-decoration:underline; padding-left:25px; line-height:16px;}

.about-cont-title a { font-size:80%;}

.advisor p { font-size:80%; color:#666; padding:30px 0px}
.advisor span {display:block; color:#0066cc;}
.advisor-list { position:relative; z-index:1; padding:0px 0px 70px;}
.advisor-list li { width:32%; font-size:80%; color:#666; vertical-align:top; display:inline-block; padding-top:30px; padding-right:2%}
.advisor-list li span { display:block; color:#0066cc;}
.advisor-list:before { content:''; position:absolute; z-index:99; left:31.5%; top:10px; width:1px; border-left:#ccc dashed 1px; min-height:570px;}
.advisor-list:after { content:''; position:absolute; z-index:99; left:64%; top:10px; width:1px; border-left:#ccc dashed 1px; min-height:570px;}

.date-table-top {  padding-left:20px;}
.date-table-top ul li { font-size:80%;  padding:0px 10px; }
.date-table-top ul li:hover { font-size:100%;}
.date-table-top ul li.active { font-size:100%;}

.date-table-cont-list ul li {float:left; text-align:center; width:12.1%; font-size:60%; color:#000; line-height:1.4em; padding:45px 0.2% 0; }
.date-table-cont-top ul li { float:left; text-align:center; width:11.5%; font-size:75%; color:#fff; line-height:1.4em; padding:0.8% 0.5%;}
.date-max span,.date-min span ,.date-mid span { font-size:100%;}

.date-group span { font-size:70%;} 
.date-input {
    width: 150px;
    height: 35px;
    font-size: 18px;
    color: #c0c0c0;
    border: #c0c0c0 solid 1px;
    background: url(../images/iocn-14.png) no-repeat 130px 5px;
}
.date-group-mar { padding:0}
.date-submit { font-size:80%}

.index1 .index1-list:last-child .index1-list-li .index1-list-word {
    bottom: 20px;
}
}
.cur { display:block}
@media (min-width: 767px) {
.heard-right { position: relative; }
.nav > ul > li:first-child, .nav > ul > li:last-child { width: 13.666%; } 
.nav > ul > li:nth-child(2), .nav > ul > li:nth-child(3) { width: 17.666%; }
.nav > ul > li:nth-child(4) { width: 20.666%; }
}